一、HTML基本概念
文档:HTML文档俗称网页。
标签:用尖括号包围的关键词我们成为标签。通常HTML标签成对出现,如:<a>、</a>。
- 开始标签:标签对中的第一个标签是开始标签,也成为开放标签。如<a>。
- 结束标签:标签对中的第二个标签是结束标签,也成为闭合标签。如</a>。
元素:我们把匹配的标签对以及它们包围的内容称为元素。即(元素 = 开始标签 + 内容 + 结束标签)。如:<a href="http://hanzhaoxin.cnblogs.com/">我的博客</a>。
- 块级元素:在浏览器默认显示时以新行来开始(和结束)的元素。
- 内联元素:又称行内元素,在浏览器默认显示时在同一行按从左至右顺序显示,不单独占一行的元素。
属性:开始标签中那些以名称/值对的形式出现的内容,我们称之为属性。如上例中: href="http://hanzhaoxin.cnblogs.com/"。(href是属性称,"http://hanzhaoxin.cnblogs.com/"是属性值)。
二.HTML基本元素
1.根元素
| 元素 |
含义 |
| <doctype> |
定义文档类型。 |
| <html> |
定义 HTML 文档。 |
2、元数据元素
| 元素 |
含义 |
| <head> |
定义关于文档的信息。 |
| <meta> |
定义关于 HTML 文档的元数据。 |
| <link> |
定义文档与外部资源之间的关系,一般用于引入样式表。 |
| <base> |
定义页面上所有链接的默认地址或默认目标。 |
| <title> |
定义文档标题。 |
| <style> |
定义文档的样式信息。 |
3、脚本元素
| 元素 |
含义 |
| <script> |
定义客户端脚本。 |
| <noscript> |
定义当浏览器不支持脚本的时候所显示的内容 |
4、块元素
| 元素 |
含义 |
| <body> |
定义文档的主体。 |
| <h1>、<h2>...<h6> |
定义文档标题。 |
| <p> |
定义文档段落。 |
| <blockquote> |
定义块引用。 |
| <ul>、<ul>、<dl> |
定义列表。 |
| <table> |
定义表格。 |
1)列表元素
| 列表 |
元素 |
含义 |
| 无序列表 |
<ul> |
定义无序的列表。 |
|
<li> |
定义列表项。 |
| 有序列表 |
<ol> |
定义有序的列表。 |
|
<li> |
定义列表项。 |
| 定义列表 |
<dl> |
定义定义列表。 |
|
<dt> |
定义定义术语。 |
|
<dd> |
定义定义描述。 |
2)表格元素
| 元素 |
含义 |
| <table> |
定义表格。 |
| <thead> |
定义表格的页眉。 |
| <tbody> |
定义表格的主体。 |
| <tfoot> |
定义表格的页脚。 |
| <th> |
定义表格的表头行。 |
| <tr> |
定义表格的行。 |
| <td> |
定义表格单元。 |
5、文本元素
1)文本格式化元素
| 元素 |
含义 |
| <em> |
定义着重文字。 |
| <strong> |
定义加重语气。 |
| <sup |
定义上标字。 |
| <sub |
定义下标字。 |
| <ins> |
定义插入字。 |
| <del> |
定义删除字。 |
| <b> |
定义粗体文本。 |
| <i> |
定义斜体文本。 |
| <big> |
定义大号字。 |
| <small> |
定义小号字。 |
2)引用、引用和术语定义
| 元素 |
含义 |
| <q> |
定义简短引用。 |
| <blockquote> |
定义长引用。 |
| <address> |
定义地址。 |
6、引用、引用和术语定义
| 属性 |
含义 |
| <q> |
定义简短引用。 |
| <blockquote> |
定义长引用。 |
| <address> |
定义地址。 |
7、<div> 和 <span>
| 元素 |
含义 |
| <div> |
定义文档中的分区或节(division/section)。 |
| <span> |
定义 span,用来组合文档中的行内元素。 |
三、HTML基本属性
1、HTML全局属性
1)核心属性
| 属性 |
含义 |
| id |
设置元素的唯一 id。 |
| class |
设置元素的一个或多个类名(引用样式表中的类)。 |
| style |
设置元素的行内样式(CSS内联样式)。 |
| title |
设置有关元素的额外信息(可在工具提示中显示)。 |
2)常见元素属性:
(1)<a>元素的属性:
| 属性 |
含义 |
| href |
指定链接到互联网或你的计算机上的一个资源的别称。 |
| target |
指定打开链接的目标窗口。 |
| title |
指定所要链接到页面的文本描述。 |
(2)<img>元素的属性:
| 属性 |
含义 |
| src |
指定向服务器请求的资源。 |
| alt |
指定图像无法显示时的替代文本。 |
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。