一.html是什么?
HyperText Markup Language 超文本标记语言,在浏览器里运行。
二.标签语法
1.双标记标签 <标签名>内容</标签名>
2.单标记标签 <标签名>
三.网页基本结构
解释:
1.<!DOCTYPE html> 声明文档类型 html5文档
2.<html></html> 根标记标签
3.<head></head> 头标记标签
4.<body></body> 主体标记标签
5.<meta charset="utf-8"> 元数据标签 charset设置字符编码 utf-8万国码
四.段落标签
<p>内容</p>
五.图片标签
<img src="" alt="" width="" height="" title="">
属性:
1.src 用来引入图片路径 相对路径
值:1)当html文档与图片在同一个目录下,直接写图片名称 1.jpg
2)当html文档与图片所在文件夹在同一个目录下,先写文件夹名称,再写图片名称 images/2.jpg
3)当html文档所在的文件夹与图片在同一个目录,先通过../跳出当前文件夹,再写图片名称 ../3.jpg
4)当html文档所在的文件夹与图片所在的文件夹,先通过../跳出html文档当前所在的文件,然后写图片所在的文件夹名称,最后写图片名称 ../img/4.jpg
2.alt 当图片加载失败时的替代文本
3.width 宽度 默认单位:像素px
4.height 高度 默认单位:像素px
5.title 鼠标放到该标签上的提醒文本
六.标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h1>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
相同点:都是块元素,都加粗
不同点:字号依次减小
七.换行 <br>
八.列表
1.无序列表 列表项无先后顺序
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ul>
2.有序列表 列表项有先后顺序
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
...
</ol>
九.行内元素
加粗:
<b></b> <strong></strong>
倾斜:
<i></i> <em></em>
上标: <sup></sup>
下标: <sub></sub>