7.常用的HTML标记

简介: 7.常用的HTML标记

常用的HTML标记介绍

 

随着互联网的普及和发展,网页设计和制作已经成为越来越多人关注的领域。HTML作为网页设计的基础,对于从事网页设计和开发的人员来说,掌握HTML标记的使用是非常重要的。本文将介绍一些常用的HTML标记,帮助读者更好地理解和掌握HTML的基础知识,从而提高网页设计和制作的效率。

 

二、HTML的基本结构

 

一个完整的HTML页面通常包括以下几个部分:

 

1. 文档类型声明(DOCTYPE):用于告诉浏览器页面使用的HTML版本。

 

image.png

2. HTML标签:用于定义整个HTML页面。

 

image.png

3. 头部:包含元数据和其他与页面内容不直接相关的信息。

 

image.png

4. 身体:包含页面的可见内容。

 

image.png

三、文本标记

 

文本标记用于设置文本的字符样式和排版。以下是一些常用的文本标记:

 

1. 标题标记:用于设置不同级别的标题。

 

image.png

2. 段落标记:用于定义文本的段落。

 

image.png

3. 强调标记:用于设置文本的强调样式。

 

image.png

4. 列表标记:用于创建无序列表和有序列表。

 

image.png

四、图像标记

 

图像标记用于在网页中插入图像。以下是一个常用的图像标记示例:

 

image.png

其中,`src`属性用于指定图像的URL地址,`alt`属性用于为图像提供描述性文字,`width`和`height`属性用于设置图像的宽度和高度。

 

五、链接标记

 

链接标记用于创建页面之间的链接。以下是一个常用的链接标记示例:

 

image.png

其中,`href`属性用于指定链接的目标URL地址,`target`属性用于设置链接打开的方式(例如,在新窗口或新标签页中打开)。

 

六、表格标记

 

表格标记用于创建表格。以下是一个常用的表格标记示例:

 

image.png

其中,`tr`标记用于定义表格的一行,`th`标记用于定义表头单元格,`td`标记用于定义普通单元格。

 

七、表单标记

 

表单标记用于创建表单,以便用户输入数据。以下是一个常用的表单标记示例:

 

image.png

其中,`form`标记用于定义表单,`label`标记用于为输入字段提供标签,`input`标记用于创建输入字段,`type`属性用于指定输入字段的类型(例如,文本、密码、提交按钮等)。

 

 

目录
相关文章
|
1月前
|
数据可视化 前端开发
HTML基础结构和常用标记的例子
HTML基础结构和常用标记的例子
15 0
N..
|
1月前
HTML常用标记
HTML常用标记
N..
13 1
|
1月前
|
移动开发 HTML5
HTML5文档头部相关标记
【2月更文挑战第9天】HTML5文档头部相关标记。
13 1
|
前端开发 开发工具 C++
web(4)--HTML多媒体标记使用
web(4)--HTML多媒体标记使用
85 0
web(4)--HTML多媒体标记使用
|
前端开发 开发工具 C++
web(3)--HTML超链接标记使用
web(3)--HTML超链接标记使用
89 0
web(3)--HTML超链接标记使用
|
前端开发 开发工具 C++
web(2)--HTML基础标记使用
web(2)--HTML基础标记使用
70 0
HTML的div标记为何设置背景色无效?
HTML的div标记为何设置背景色无效?
375 0
|
Java
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
212 0
JAVA Web入门之HTML中表格、表单、下列列表框、多行文本、超链接和图片标记的应用(超详细,附源码)
Html之 图像标记
Html之 图像标记
216 0
Html之标记
Html之标记
72 0