1.快捷键:单词+TAB
2.初始代码
DOCTYPE html> 文档声明
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>Documenttitle>
head>
body>
body>
html>
3.文本修饰标签:
强调: strong>strong> 加粗
em>em> 斜体
strong的强调性更强
下标:sub>sub>
上标:sup>sup>
删除文本、插入文本:(一般需要配合使用)
del>del>
ins>ins>
4.图片标签和图片属性:
img> (单标签)
属性: src:引入图片地址
alt:当图片有问题时提示友好的文字
title:提示信息
width、height:图片的大小
5.引入文件的路径:
相对路径:
.当前路径
..上级路径
绝对路径:
6.跳转 a>a>标签
属性:href、target
href:链接的地址
target:改变链接的打开方式,在当前页面打开 _self 新窗口打开 _blank
例如:a href=" " target="_blank">a>
base 控制作用 base target="_blank">,所有链接都在新窗口打开
跳转锚点:
方式一:# 配合id 例如:
a href="#html">HTMLa>
a href="#css">CSSa>
a href="#java">JAVAa>
h2 id="html">HTMLh2>
p>超文本标记语言p>
p>超文本标记语言p>
p>超文本标记语言p>
p>超文本标记语言p>
p>超文本标记语言p>
h2 id="css">cssh2>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
h2 id="java">JAVAh2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
方式二:# 配合 name 例如:
a href="#html">HTMLa>
a href="#css">CSSa>
a href="#java">JAVAa>
a name="html">
h2>HTMLh2>
p>超文本标记语言p>
p>超文本标记语言p>
p>超文本标记语言p>
p>超文本标记语言p>
p>超文本标记语言p>
a name="css">
h2>cssh2>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
p>层叠样式表p>
a name="java">
h2 >JAVAh2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
h2>编程语言h2>
7.特殊符号
&+字符
8.无需列表:
ul li 之间不允许有其他标签,li中可以有其他标签
ul>
li>li>
li>li>
ul>
ul type=""> 可以设置,但是样式一般在css设计
9.有序列表:
ol>,li> 之间不允许有其他标签,li中可以有其他标签,一般不常用,无需列表可以代替有序列表。支持type属性,样式一般在css控制
10.定义列表:dl>,dt>,dd> 分别定义列表;定义名词;对名词进行解释。例如:
dl>
dt>cssdt>
dd>层叠样式表dd>
dl>
11.嵌套列表:
12.表格标签:
table>
tr> 表格行
th> 表头
td> 定义表格单元
caption> 定义表格标题
要符合嵌套规范
语义化标签,tHead>,tBody>,tFood>,在一个table中,只能有一个tHead>和tFood>
13.表格属性:
border:
cellpadding:
cellspacing:
rowspan:
colspan:
align:
valign:
14.表单标签:
form、input..
input(单标签)的type属性,决定
text、password、checkbox、radio、file、submit、reset
textarea> 多行文本框
select>、option> 下拉菜单
lable> 辅助表单
15.div和span
div:区域快
span:对文字进行修饰的内联