1.Web标准
Web标准分成三个构成,对应三种语言。
构成 | 语言 |
结构 | HTML |
表现 | CSS |
行为 | Javascript |
2.HTML结构
分为整体、头部、标题、主题
3.HTML语法规范
3.1注释
a) 单行注释:[ctrl+k,ctrl+c] 或 ctrl+/
b) 取消单行注释:[ctrl+k,ctrl+u] (按下ctrl不放,再按k + u)
3.2HTML标签的结构
单标签(换行、加换行线)和双标签。
3.3HTML标签与标签之间的关系:
父子关系(嵌套关系)
<html>标签和<body>标签
兄弟关系(并列关系)
<head>和<body>并列关系
3.4HTML标签
3.4.1标题标签(双标签)
代码:h系列标签,h1-h6,
格式<h1>文字</h1>
特点:1.文字都进行了加粗和变大,h1-h6逐渐变小;2.独占一行。
3.4.2段落标签(单标签)
代码:<p>一段文字</p>
特点:1.段落之间存在空隙;2.独占一行。
3.4.3换行标签(单标签)
代码:<br>,让文字强制进行换行。
3.4.4水平线标签(单标签)
代码:<hr>,在页面中显示一条水平线。
3.4.5文本格式化标签
4组标签,4组功能,功能:文字加粗、下划线、倾斜、删除线;
突出重点使用strong等英文标签。
标签 | 功能 | 标签 | 说明 |
b | 加粗 | strong | 加粗 |
u | 下划线 | Ins | 下划线 |
i | 倾斜 | em | 倾斜 |
s | 删除 | del | 删除 |
3.4.6图片标签(单标签)
代码:<img src="" alt="" title="" width="" height="">
使用方法:1.每个属性之间以空格隔开;2.属性无顺序区分;3.标签名与属性间用空格隔开。
alt属性作用:在图片不显示时显示文字,title在图片上显示文字,可用于其他标签。
width属性:设置图片的宽,height:设置图片的高;当只设置其中一个时,会自动等比例缩放图片。
3.4.7音频标签(双标签)
代码:<audio src="F:\唧唧缓存\1.mp3" controls alt="我是替换音乐" title="突然发生的爱情故事"></audio>
常见属性:
1.src:音频的路径 2.controls显示播放的控件 3.autoplay 自动播放(部分浏览器不支持)
4.loop 循环播放
支持的格式:mp3、Wav、Ogg;
3.4.8 视频标签(双标签)
代码:<video src="F:\唧唧缓存\2.mp4" controls autoplay loop title="突然发生的爱情故事"></video>
常见属性:
1.src:音频的路径 2.controls显示播放的控件 3.autoplay 自动播放(部分浏览器不支持)
4.loop 循环播放
4.链接标签
代码:<a href="">超链接 </a>
属性:
特点:
1.a标签默认文字有下划线
2.a标签从未点击过,默认文字显示蓝色
3.a标签点击过之后,文字显示为紫色(清除浏览器历史记录可恢复蓝色)
4.1 target属性
• 取值1: _self:在当前窗口中跳转(默认)
• 取值2: _blank:在新窗口中跳转
4.2 空链接