一、HTML基本概念
文档:HTML文档俗称网页。
标签:用尖括号包围的关键词我们成为标签。通常HTML标签成对出现,如:<a>、</a>。
- 开始标签:标签对中的第一个标签是开始标签,也成为开放标签。如<a>。
- 结束标签:标签对中的第二个标签是结束标签,也成为闭合标签。如</a>。
元素:我们把匹配的标签对以及它们包围的内容称为元素。即(元素 = 开始标签 + 内容 + 结束标签)。如:<a href=”http://hanzhaoxin.cnblogs.com/”>我的博客</a>。
- 块级元素:在浏览器默认显示时以新行来开始(和结束)的元素。
- 内联元素:又称行内元素,在浏览器默认显示时在同一行按从左至右顺序显示,不单独占一行的元素。
属性:开始标签中那些以名称/值对的形式出现的内容,我们称之为属性。如上例中: href=”韩兆新 – 博客园“。(href是属性称,”韩兆新 – 博客园“是属性值)。
二.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 | 指定图像无法显示时的替代文本。 |
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/77764.html