网页开发学习笔记一: 初识HTML
<!-- 声明文档类型 --> <!DOCTYPE html> <!-- 根标签 --> <html> <!-- 头部标签 --> <head> <!-- 标题标签 --> <title> HTML5 学习笔记 </title> </head> <!-- 主体标签 --> <body> 笔记详情 <div>第一个笔记</div> <div>第一个笔记</div> <div>第一个笔记</div> <div>第一个笔记</div> <!-- 换行标签 --> <br> <!-- 水平线标签 --> <hr> <!-- 段落标签 --> <p> 第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记 </p> <p> 第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记第一个笔记 </p> <!-- 标题标签 --> <h1>好好好好好</h1> <h2>好好好好好</h2> <h3>好好好好好</h3> <h4>好好好好好</h4> <h5>好好好好好</h5> <h6>好好好好好</h6> <!-- 文本标签 --> <font size="6" color="red">AAAAAAA</font> </body> </html>
HTML 标签分类
单标签: <!DOCTYPE html>
双标签: <html></html> <head></head> <body></body>
HTML 标签关系分类
包含(嵌套关系): <head> <title></title> </head> 父子
并列关系: <head></head> <body></body> 兄弟姐妹
Sublime 常用快捷键
html + tab HTML 结构代码
tab 补全标签代码
command + shift + d 快速复制一行
command + shift + f 查找替换
command + f 查找
command + / 注释
command + l 快速选中一行
command + control + ↓ 快速移动一行
HTML 标签
单标签
注释标签: <!- - - ->
换行标签: <br />
水平线标签: <hr />
双标签
段落标签: <p></p>
标题标签: <h1></h1> 取值到 <h6></h6>
注意: h1: 在一个页面只能出现一次
文本标签: <font></font>
HTML 属性
font-size: 16px; 文字大小
font-weight: 700; 文字粗细(700~900)
font-family: 微软雅黑; 文字字体
font-style: normal/italic 文字风格(normal: 默认值; italic: 斜体)
line-height: 20px; 行高
