目录
什么是HTML?
html是用来描述网页的一种语言。
html全称是(Hyper Text Markup Language)一种超文本标记语言。不是编程语言,是标记语言。 标记语言是一种标记标签,用标记标签来描述网页。
html标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
基本结构标签
标签名 | 定义 | 说明 |
<html></html> | html标签 | 所有html中标签的根节点 |
<head></head> | 文档头部 | 用于存放: title,meta,base,style,script,link 头部 |
<body></body> | 文档主题 | 页面在的主体部分,用于存放所有的HTML标签 |
<title></title> | 文档标题 | 页面标题 |
块级标签:
块级标签有三个特点,其一独占一行,其二可以通过css设置宽高和内外边距,其三宽度默认随浏览器自适应。块级标签主要用来布局网页,进行网页大的架构。常见块级标签如下所示。
h1-h6、p、div、hr、pre、html、body
blockquote、address、form
ul、ol
dl、dd、dt
fieldset、legend
optgroup、option
标签 | 全称 | 说明 |
h1-h6 | head | 标题标签 |
p | Paragraph | 段落标签 |
div | division | 分区 |
hr | horizontalrule | 水平分割线 |
pre | Preformatted | 只包含文本或行内元素(预定义格式文本 |
html | html | |
body | body | |
blockquote | Block Quotation | 区块引用语 |
address | address | 地址 |
form | form | 交互表单 |
ul | Unordered Lis | 无序列表 |
ol | Ordered List | 排序列表 |
dl | Definition List | 定义列表 |
dd | Definition Description | 定义描述 |
dt | definition | 定义术语 |
fieldset | fieldset | 表单内相关元素分组 标签会在相关表单元素周围绘制边框。 |
legend | legend | 标签为 fieldset 元素定义标题 |
optgroup | optiongroup | 定义选项组 |
table>td>tr>th | 表格 |
行内标签
特点:可以多个标签存在一行,不能直接设置行内标签的高度、宽度、行高以及顶和底边距,完全靠内容撑开宽高!
行内标签:包含a、span、em、strong、b、i、u、label、br;
a标签:主要用来链接一个其他的网页;
span标签:主要用来对行内的文字进行一些样式以及其他的操作;
em标签:一般用来对文字进行强调,使用斜体体现出来;
strong标签:一般用来对文字进行强调,使用加粗字体体现出来;
img标签:图片引用标签,其中 src属性中写入图片的地址;
var标签:JavaScript中命名变量的标签。