HTML5基础与常用标签精要解析

需积分: 5 127 浏览量更新于2024-08-05 收藏 374KB PDF 举报

HTML（HyperText Markup Language）是网页开发的核心基础，它是超文本标记语言的第五个主要版本，引入了许多重要的新特性，如语义化标签、多媒体元素支持等。HTML5的基础结构主要包括文档类型声明、html元素和head与body部分。文档类型声明告知浏览器文档使用的是HTML5标准，如<!DOCTYPE html>。 HTML的基础语法包括使用标签来组织和控制页面内容。每个标签由开始标签（如`<tagname attr="value">`）和可能的结束标签（如`</tagname>`）组成，其中`tagname`代表标签名称，`attr`是属性，`value`则是属性值。属性可以为空或带有值，多个属性间用空格分隔。例如，`<p class="content">`中的`<p>`是标签，`class="content"`是属性，表示该段落具有名为"content"的样式类。在标签的分类中，分为单标签（如`<br>`，表示换行）和双标签（如`<p>`，表示段落）。双标签通常有结束标签，而单标签则没有。HTML5新增了语义化标签，如`<header>`（头部）、`<footer>`（页脚）和`<article>`（文章），它们有助于提升网页内容的可访问性和搜索引擎优化。 HTML常用的标签包括文本格式化（如`<br>`、`<i>`、`<strong>`等）、链接标签（`<a>`，颜色设置需通过CSS独立设定）、图像标签`<img>`（用于插入图片）、列表（`<ul>`、`<ol>`、`<dl>`），以及表单元素如`<input>`、`<button>`、`<select>`等。表单的属性如`name`、`type`、`value`等是创建交互式表单的关键，同时`<form>`标签用于定义整个表单，`<fieldset>`和`<legend>`则用于组织和描述表单元素。表格方面，`<table>`用于创建表格，`<tr>`表示行，`<td>`表示单元格，`<caption>`定义表头，`<colgroup>`用于列的分组，`<th>`是表头单元格，`<thead>`、`<tbody>`和`<tfoot>`分别对应表头、主体和页脚部分。`<iframe>`用于嵌入外部内容，如其他HTML页面或视频、音频。 HTML5还引入了多媒体元素，如`<video>`和`<audio>`，允许直接在网页中播放视频和音频内容。这些元素提供了丰富的API和事件处理，以实现更好的用户体验。总结来说，HTML5是现代Web开发的重要基石，掌握其基础结构、语法、标签分类以及新特性，能帮助开发者构建出功能强大且语义清晰的网页，提高用户体验和搜索引擎优化效果。同时，了解表单和多媒体元素的使用，对于创建交互式和富媒体内容至关重要。

HTML
一、html5的基础结构
二、html的基础语法
三、标签的分类
四、html常用的标签
1、 换行标签: <br>(单标签)
2、 空格标签: space键、&nbsp; 、&emsp; 、&ensp;
3、标题标签: h1~h6
4、段落标签: p
5、 加粗: b 、strong
6、 倾斜: i 、em
7、 删除线: del 、s
8、 下划线: u 、ins
9、 上标下标: sup 、sub
10、 特殊符号: ©版权符: &copy;  、 ®商标: &reg;
11、 分割线: <hr>(单标签)
12、 超链接:
*√ 颜色在超链接上无法继承
 
关于超链接的延申之统一设置打开方式 
13、 图片:
14、 span 标签: 行内元素
15、 div 标签: 块元素
16、 列表:
与ul/ol相邻的只能是li
a、有序列表:
b、无序列表:
c、 自定义列表
一般情况下，应用在问答列表，图文混排布局区域
17、表单html
(1)基本信息
(2) 语法:
(3) 表单的控件类型:
e.按钮: 
f.单选框:在使用单选框的时候注意后面name属性值必须相等，以此达到互斥的效果 
g.复选框: 
h.下拉列表 
知识点补充: 
I. 文本域 
(4) 表单的属性
(5) 绑定表单按钮
(6) 表单的字段集标签
(7)  表单属性之get和post
18、表格html表格属性
 
1、语法
2.、table 的属性(行内样式)
3、 tr的属性(行内样式)
4、td的属性(行内样式)
5、<caption></caption> --- 表头标签
6、 <colgroup></colgroup> --- 分组标签
7、<th></th> 居中加粗得单元格
8、表格头中尾
9、iframe -- 引入第三方界面
五、html新增标签

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

Shining_F

粉丝: 90
资源: 3

HTML5基础与常用标签精要解析

冰河的渗透实战笔记-冰河.pdf

CPA重点考点笔记整理版.pdf

杨超线代笔记.pdf

读书笔记分享版.pdf

CAD笔记金典版.pdf

CAD笔记完整版.pdf

韩顺平Javascript笔记完整版.pdf

CCNP学习笔记完整版.pdf

公考状元笔记-申论笔记水印版.pdf

形式语义学笔记zhh版.pdf

最新资源