HTML大纲 – 云博客

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
>Document
</
title
>
</
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”
>HTML
</
a
>
<
a
href=
“#css”
>CSS
</
a
>
<
a
href=
“#java”
>JAVA
</
a
>
<
h2
id=
“html”
>HTML
</
h2
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
h2
id=
“css”
>css
</
h2
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
h2
id=
“java”
>JAVA
</
h2
>
<
h2
>编程语言
</
h2
>
<
h2
>编程语言
</
h2
>
<
h2
>编程语言
</
h2
>
<
h2
>编程语言
</
h2
>
<
h2
>编程语言
</
h2
>
<
h2
>编程语言
</
h2
>
<
h2
>编程语言
</
h2
>         方式二：# 配合 name 例如：
<
a
href=
“#html”
>HTML
</
a
>
<
a
href=
“#css”
>CSS
</
a
>
<
a
href=
“#java”
>JAVA
</
a
>
<
a
name=
“html”
>
<
h2
>HTML
</
h2
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
p
>超文本标记语言
</
p
>
<
a
name=
“css”
>
<
h2
>css
</
h2
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
p
>层叠样式表
</
p
>
<
a
name=
“java”
>
<
h2
>JAVA
</
h2
>
<
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
>css
</
dt
>
<
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：对文字进行修饰的内联

1.快捷键：单词+TAB2.初始代码<!DOCTYPE html> 文档声明<html lang=”en”>

<head>