YPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">

标签：css   load   tar   square   sea   lin   清除   服务器   float   

HTML网页基本结构

我的第一个网页

等成对的标签，分别叫做开放标签和闭合标签。单独呈现的标签（空元素），如

---

;意为用 / 来关闭空元素。

 

标题标签：

.....

~

.....

段落标签：

...

换行标签：

水平线标签：

---

字体样式标签：

加粗：...

斜体：...

 

图像标签

语法：

超链接标签

语法：百度一下

应用场合：页面间链接；锚链接；功能性链接

 

 

列表可以分为：有序列表，无序列表，自定义列表

 

 

表格标签：

.....

行标签:

.....,可以有多行

单元格标签

......,可以有多个单元格

表格的跨列：

指单元格的横向合并

表格的跨行：

指单元格在垂直方向上的合并

 

 

HTML标签常用属性

align：设置内容的对齐方式

size：设置水平线的高度

color：设置内容颜色

width：设置内容宽度

heigh：设置内容高度

 

 

行内元素：

、、

---

、
、

块级元素

~

、

alt属性和title属性的去区别：

alt是在图片不能正常加载的时候会显示提示语两个

title是鼠标划上去显示的内容

超链接标签的使用场景：

页面链接、锚链接、功能性链接

 

 

视频元素：

语法：

属性及值：

controls 值：controls 表示视频元素的控件，如播放按钮

autoplay 值：autoplay 表示视频就绪后马上播放

loop 值：loop 表示视频结束后重新播放

preload 值：preload 表示视频在页面加载时进行加载，并预备播放

muted 值：音频输出为静音

width/height 值：length（px） 设置视频播放器的宽度和高度

 

 

音频元素：

 

 

 

 

HTML5的结构元素：

header：标题头部区域的内容

footer：表及脚部区域的内容

section：Web页面中的一块独立区域

article：独立的文章内容

aside：相关内容或应用

nav：导航类辅助内容

 

在被打开的框架上加name属性：

在超链接上设置target目标窗口属性为希望显示的框架窗口名：

下边显示第二页

 

 

表单

语法：

 

元素格式：

type：元素类型。eg：text、password、checkbox、radio、submit、reset、file、hidden、image、button。默认值为text。

name：表单元素名称。

value：元素初始值。

size:表单元素的初始宽度。

maxlength：type为text或password时，输入的最大字符数。

checked：type为radio或checkbox时，指定按钮是否是被选中。

 

text:默认值

password：定义密码

radio：单选按钮

checkedbox：复选框

select：下拉框

textarea：多行文本域

file：文件选择字段

email：email地址

url：输入URL字段

number：输入数字字段

range：精确数值不重要的输入数字的控件

search：搜索字符串

HTML5新增的表单元素：

email、url、number、range、search

 

表单验证的好处：

减轻服务器压力；

保证数据的可行性与安全性

 

 

 

CSS3基本语法结构

选择器{ 示例 h1{

声明1； font-size：12px：

声明2； color：#f00：

........ }

}

 

 

 

行内样式：

使用style属性引入CSS样式

内部样式表：

CSS代码写在

的