web-HTML学习笔记

news/2024/7/24 4:51:59

一、link

知识点:target属性:view_window、view_frame、_blank、_self、_parent、_top

1、view_window

(1)开始页面如下图

(2)点击A链接打开新窗口如下图

(3)回到开始页面,再次点击B_1链接,在打开的A窗口中显示B_1窗口如下图

2、view_frame

点击左侧框架链接,在右侧框架中显示内容

3、_blank、_self、_parent、_top

(1)_blank

打开新窗口

(2)_self

在自己的框架块内显示

(3)_parent

在父框架中显示

(3)_top

在当前窗口显示

二、image

知识点:图片映射问题

(1)开始页面

(2)点击太阳(从左至右)

(3)点击第一个行星(从左至右)

(4)点击第二个行星(从左至右)

三、form

知识点:

(1)跨行【cowspan】、跨列【colspan】

(2)单元格与边框之间的空白【cellpadding】

(3)单元格之间距离【cellspacing】

四、frame

知识点:引用框架及在框架中显示网页内容

(1)开始页面

(2)点击下面链接

在自己的框架内显示网页内容

五、script

知识点:用脚本实现事件

(1)开始页面

(2)点击“显示日期”

六、character

知识点:几种特殊的字符

七、media

知识点:

媒体(插件、音频、视频)

(1)三者都可用到:< object data="XXX" > </ object >、< embed src="XXX" >

(2)音频:< audio controls > < source src="XXX" type="XXX" > </ audio >

(3)视频:< video controls > < source src="XXX" type="XXX" > </ video >

总结:(1)详细代码及内容请查看https://github.com/gsonya/web

(2)学习过程中参考"菜鸟教程"及其他网页内容。


http://www.niftyadmin.cn/n/1359844.html

相关文章

【Centos】搭建 SVN 服务器

1、如果仅仅只是搭建 svn 服务器&#xff1a; &#xff08;a&#xff09;、先检查 svn 是否已经安装了 rpm -qa subversion #输入这个命令后&#xff0c;会出现 subversion 版本号 &#xff08;b&#xff09;、如果没有安装&#xff0c;使用下面命令&#xff1a; yum install s…

HTML实例原型设计

原型设计 1、原型设计总述 该页面包括背景、标题、搜索栏、导航栏、轮播图、HTML实例、右侧栏&#xff08;登录、图片、相关链接&#xff09; 2、各模块分述 2.1 背景 背景插入一张图片&#xff0c;图片如下&#xff1a; 2.2 标题 文本&#xff1a;gsonya-HTML 字体&…

2018/11/29 一个64位操作系统的设计与实现(环境配置)

网上的安装的博客总是有问题操作系统的环境: Centos7 bochs: bochs-2.6.9 sudo su 获得root权限. 提前安装的软件有: 1 sudo yum install gtk2 gtk2-devel 2 sudo yum install libXt libXt-devel 3 sudo yum install libXpm libXpm-devel 4 sudo yum install glibc-headers 5 s…

HTML实例—以一个简单网页为例

HTML实例 1、原型与实例对比 &#xff08;1&#xff09;原型 &#xff08;2&#xff09;实例 2、详情 2.1 布局总览 2.2 布局分述 &#xff08;1&#xff09;标题搜索 分两块内容&#xff0c;用<span> span1:文字&#xff1a;gsonya-HTML span2:输入框按钮 &#…

极度简易的抽奖、随机选择小工具

//开始按钮private void btnCheckFiles_Click(object sender, EventArgs e){this.timer1.Enabled true; //定时器开始运行this.timer1.Interval 200; //定时器每次运行间隔时间}//解析文件&#xff0c;存入List中int i 0;public string returnName(){//string haarXml…

CSS实例—以一个简单网页为例

CSS实例 一、整体布局 二、总览 三、详述 3.1 header 3.1.1 title 内容&#xff1a;gsonya-CSS 3.1.2 search &#xff08;1&#xff09;input type&#xff1a;search&#xff1b; 动画效果&#xff1a;-webkit-transition:width 0.4s ease-in-out&#xff1b; 聚焦&…

2、利用继承减少代码冗余

继承解决的是类与类之间的代码冗余问题&#xff0c;一定是一个类是另外一个类的子类 继承关系的查找 总结对象之间的相似之处得到类&#xff0c;总结类与类之间的相似之处就得到了类们的父类 class OldboyPeople:schoolOldboyclass OldboyStudent(OldboyPeople):def __init__(s…

web-CSS学习笔记

css学习笔记 一、align 知识点&#xff1a;div块的居中、文本内容的水平垂直居中 1.1 div块的居中 margin:auto; 1.2 文本内容的水平垂直居中 <!-- 第一块文本 --> <div id"center1">padding和text-align设置的水平垂直居中</div>#center1{paddi…