HTML入门知识

123 阅读2分钟

一、HTML骨架结构

<!DOCTYPE html> //声明文档类型
<html> //页面根元素
<head> //网页配置
    <meta charset="utf-8"> //定义网页编码格式
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> //网页的兼容性模式,以最高版本IE渲染页面
    <title></title> //定义文档标题
    <link rel="stylesheet" href=""> //引入css静态资源
</head>
<body> //定义文档主体
</body>
</html>

二、HTML标签

1.标题标签:h1-h6

注意:只对每个页面使用一次h1;保证每个页面中标题级别的使用不超过三个;

2.段落标签:p

注意:只能放文本、图片、表单元素(三者都为流元素)

3.链接标签:a

标签属性: target="_blank”(打开新窗口); href="#tips"(页内锚点)

4.图片标签:img

标签属性: alt="替换文本“ (图片不存在时显示)

5.无序列表:ul li

注意:组标签,只能成组出现,不能单独出现ul或li,ul不能嵌套其他标签

6.有序列表:ol li

注意:组标签,只能成组出现,不能单独出现ol或li,ol不能嵌套其他标签,浏览器会自动增加阿拉伯序号

7.定义列表:dl dt dd

注意:组标签,只能成组出现,不能单独出现dl或dt/dd,dl不能嵌套其他标签,一个dt可以匹配多个dd,dd可以描述多个dt

8.表格标签:table、thead、tbody、tr、th、td

标签属性:【table】cellspacing=“2”(单元格与单元格的距离);cellpadding=‘’2‘’(内容距边框的距离);

【td】colspan=‘’2‘’(合并同一行的单元格);rowspan=“2”(合并同一列的单元格)

9.表单标签:form、input、select、option、textarea、label

标签属性:【input】type=‘’text‘’(表单控件类型-submit-reset-radio-password-hidden-file-checkbox-button)

注意:单选框互斥,必须有相同的name属性;label用于绑定与input的关系,实现点击文字光标自动到相应的控件框中。

10.文本格式化标签:b、em、i、pre、strong等

标签含义:b(粗体文本)、em(强调文本)、i(斜体文本)、pre(预格式化文本,代码格式),strong(重要文本)

11.实体字符:&lt、&gt、&copy、&nbsp

字符含义:&lt(<)、&gt(>)、&copy(©)、&nbsp(空格)

12.文本标签:span

注意:只能放置文字、图片、表单元素

13.盒子标签:div

注意:是一个容器级标签,可以放置所有东西