一、html语法规范

一、html语法规范

1.双标签:成对标签

2.单标签:单标签

二、标签关系

1.包含关系

2.并列关系

三、基本结构标签

1.根标签:

2.头部标签:

3.标题标签:

4.主体标签:

五、主要标签

1.标题标签:

2.段落标签:

3.换行标签:

4.文本格式标签:

①文本加粗:或者

②文本斜体:或者

③文本下划线:或者

④文本删除线:或者

5.div标签:

6.span标签:

7.图像标签:

8.相对路径:

①相对路径下一级:文件夹名/文件名称

②相对路径上一级:../

9.绝对路径:

在本地的存储位置或外部链接

10.超链接标签:

超链接标签

①空链接:#

②内部链接:href="文件相对路径"

③下载文件:href="文件相对路径"

④网页元素链接:图片等等都可以添加超链接

⑤锚点链接:锚点名称 锚点位置加上id="id名称"

⑥注释标签:

⑦特殊字符:空格 大于号>小于号<和号&

11.表格:

①行:

②单元格:

③表头:

④对齐:align="left"”right“”center“

⑤内容边距:cellpadding=”“

⑥单元格距离:cellspacin g=”“

⑦表格宽度:width=”“

⑧表格高度:height=""

⑨头部:

⑩身体:

12.合并单元格:

①跨行:

②跨列:

13.列表:

①无序列表:

②有序列表:

③自定义列表:

列表名
列表解释

14.表单域:<form action="" method="get/post" name='">

①action="":数据传输到哪里

②method='":get/post

③name="":表单名称

15.input:单标签,

16.label:

17.select:

18.textarea:

19.CSS:

20.CSS代码风格:展开格式、小写,属性值前面空格,选择器和大括号之间空格

21.基础选择器:

①标签选择器:.标签{} 给某类标签设置属性

②类选择器:.定义{} 设置好属性给标签引用,不能用标签名称做类名称,引用的话在标签的属性输入class="",多类名必须用空格空开,最小单元类

③id选择器:#id名{} ,在标签中以id的方式使用,id只能调用一次

④通配符选择器:* {} 将所有标签改为统一样式

22.字体属性:

①font-family:字体,可以指定多个字体

②font-size:字体大小

③font-weight:字体粗细

④font-style:文字样式

⑤字体复合属性:font: style weight size family

23.文本属性:

①文本颜色:color:

②对齐文本:text-align: left、right、center

③装饰文本:text-decoration: none、underline、overline、line-though

④文本缩进:text-indent: 2em(当前文字大小)

⑤行间距:line-height: 24px

24.CSS引入方式:

①内部样式表:,一般放在,嵌入式引用,练习时使用

②行内样式表:直接在标签内写样式,style="",简单修改时使用

③外部样式表:建立.css文件,直接写样式,把css代码写在这里,然后在html文件使用标签,<link rel="stylesheet" herf=".css文件路径"

posted @ 2022-03-24 14:55  求学青年  阅读(177)  评论(0编辑  收藏  举报