电脑快捷键
Ctrl + J 复制并粘贴
Alt + Shift + 上下箭头 调整行的位置
标签分类
双标签
<title>标题</title>
单标签
<br/>
标签书写规范
- 所有标签都在 <> 中
所有标签都有开始和结束,即使是单标记也要结束
<br/>
强制换行<img/>
图片标记
所有的标签和属性及值小写
- 标签和属性,属性与属性之间有空格
- 属性值必须有加引号(单引号或双引号都可以)
- 属性必须有值
- 属性可写可不写
- 标签与标签之间正确嵌套
标签格式
- <开始标签 属性1 = “值1” 属性2 = “值2” 属性n = “值n” > 内容
文档结构
- 在网页源代码中查看时,
- Ctrl + end 回到最后
- Ctrl + home 回到最顶部
- Ctrl + F 查找标签
<html>
<head>
<title>标题</title>
</head>
<body>
</body>
</html>
- 解释
- html 指明当前的文档类型,是一个网页
- head 是网页的头部,包括网页的相关信息,基本设置,其中 title 是网站的标题,
- body 在浏览器中看到的内容
html 标签按功能分类
- 文本的修饰
- 文字排版
- 图片
- 链接
- 表格
- 列表
- 表单
- 框架
文本的修饰
属性
<font color="red" size="50">我有一只猫</font>
- color:颜色 red,blue,green,yellow…
- size: 值(1-7),默认值:3
- face::字体
<body>
- text:文字的颜色
- bgcolor:背景色
background:背景图
- 建议当前网页文件和背景图片在一起
bgproperties:背景图固定,
HTML 文本修饰标记
<big>
相对默认文字大一些<samll>
相对默认文字小一些<b>
加粗<strong>
加强语气<i>
斜体<em>
斜体<u>
下划线<s>
删除线<ins><del>
<sup><sub>
上标,下标 superscript 上标 subscript 下标
HTML 排版标记
p 段落
- 自动在段前段后添加一个空白行,
- 属性:align 值:left(左对齐,默认) center(居中对齐) right (右对齐)
br
- 强行换行
<br/>
- 强行换行
hr
- 单标记
<hr/>
- 属性:width 宽度 值:默认是像素,也可是百分比
- align:对齐方式 left cneter right, 默认 center
- color:颜色
- noshade:阴影设置
- 单标记
<hr width"50%" color="yellow" size="10" noshade="noshade"/>
div 和 span 区别:块元素和行内元素