HTML基础教程：标签、属性与常见应用

需积分: 9 183 浏览量更新于2024-09-13 2 收藏 327KB DOC 举报

"HTML代码资源提供了关于HTML（超文本标记语言）的基础知识，包括它的定义、语法特性以及常用标签的应用。HTML是构建网页的基本语言，它的代码不区分大小写，并由开始标签`<html>`到结束标签`</html>`构成，包含头部`<head>`和主体`<body>`两大部分。头部用于添加元信息，而主体则存储实际的页面内容。HTML标签通常是成对出现的，但有些标签可以自闭合。标签内的属性用来扩展功能，例如设置字体颜色和大小、创建标题以及表示特殊字符。此外，HTML还支持列表的表示，如有序列表`<ol>`、无序列表`<ul>`和定义列表`<dl>`。" HTML是一种用于创建网页的标准标记语言，其全称为HyperText Markup Language。它通过一系列的标签来定义网页的结构和内容。HTML代码的编写无需严格区分大小写，但为了代码的可读性和一致性，通常推荐遵循一定的编码规范。 HTML文档的结构由`<html>`标签开始，到`</html>`标签结束，中间分为两大部分：`<head>`和`<body>`。`<head>`部分主要包含元信息，如文档标题、字符编码声明、CSS样式表链接、JavaScript文件引用等，这些信息并不直接显示在网页上，但对页面的渲染和行为至关重要。`<body>`部分则是网页可见内容的容器，如文字、图片、表格、链接等。 HTML的标签通常由开始标签和结束标签组成，例如`<p>`和`</p>`用于定义段落。但也有一些自闭合标签，如`<img>`，它们不需要结束标签。标签上的属性允许进一步定制元素的行为，如`<a href="...">`定义了一个链接，`href`属性指定了链接的目标地址。在HTML中，可以使用`<font>`标签来控制文本的字体、大小和颜色，例如`<font size=5 color=red>`。颜色值可以是简单的英文名称，如`red`，也可以是16进制颜色代码，如`#FF0000`。标题标签`<h1>`至`<h6>`用于创建不同级别的标题，提供了一种组织文本的方式。对于特殊字符，HTML使用实体引用来避免浏览器将其解析为代码。例如，`<`需要用`<`表示，`>`需要用`>`表示，`&`需要用`&`表示。同样，其他特殊字符如引号、注册商标和版权符号也有相应的实体引用。列表是HTML中常见的元素，包括无序列表`<ul>`、有序列表`<ol>`和定义列表`<dl>`。`<ul>`和`<ol>`分别用`<li>`标签来定义列表项，而定义列表`<dl>`则由`<dt>`（定义术语）和`<dd>`（定义描述）组成，常用于呈现术语及其解释。在编写HTML时，可以利用开发工具如Dreamweaver的自动补全功能，提高效率并确保代码的准确性。通过熟练掌握这些基本概念和常用标签，开发者能够创建出功能丰富、结构清晰的网页。

Html 内容

1. Html 就是超文本标记语言的简写，是最基础的网页语言。

2. Html 是通过标签来定义的语言，代码都是由标签所组成。

3. Html 代码不用区分大小写。

4. Html 代码由 <html> 开始 </html> 结束。里面由头部分 <head></head> 和体部分

<body></body>两部分组成。

5. 头部分是给 Html 页面增加一些辅助或者属性信息，它里面的内容会最先加载。

6. 体部分是真正存放页面数据的地方。

 多数标签都是有开始标签和结束标签，其中有个别标签因为只有单一功能，或者没有要修饰

的内容可以在标签内结束。

 想要对被标签修饰的内容进行更丰富的操作，就用到了标签中的属性，通过对属性值的改变，

增加了更多的效果选择。

 属性与属性值之间用“=”连接，属性值可以用双引号或单引号或者不用引号，一般都会用双引

号。或公司规定书写规范。

 格式：<标签名属性名='属性值'> 数据内容 </标签名>

<标签名属性名='属性值' />

 操作思想：

为了操作数据，都需要都数据进行不同标签的封装，通过标签中的属性对封装的数据进行操

作。

标签就相当于一个容器。对容器中的数据进行操作，就是在再不断的改变容器的属性值。

常用标签的使用

字体

1. 字体标签：<font>

例：<font size=5 color=red>字体标签示例</font>

注：简单颜色可是直接写对应的英文，复杂颜色用 16 进制表示，表现形式#FF0000 两个数

为一组，按红，绿，蓝排列，如：#00FF00 表示绿色。建议用工具选取。

2. 标题标签：<h1><h2>…..<h6>

因为标题是文本中常用的内容，为了方便操作而定义的。其实就是某个字号和粗体的组合。

3. 特殊字符：

如果要在网页上显示一些特殊符号，比如< > & 等。因为这些符号在代码中会被浏览器识别

并解释，所以用一些特殊的方式来表示。

< < > > & &

" “ ® ® © ©

™ ™  

空格

下载后可阅读完整内容，剩余7页未读，立即下载

XXMA

粉丝: 0
资源: 1

HTML基础教程：标签、属性与常见应用

html的代码资源

开心网HTML代码

国外25个经典网站源代码

html样式代码大全

htmlcss代码大全

html樱花飘落代码下载

写一段html5获取本机音视频资源并可以播放的代码

vscode html代码片段设置

ps+自动生成html代码

七夕html5代码(改良版)_html-互联网文档类资源-csdn下载

最新资源