概要
对于HTML5基础知识的复习巩固
整体架构流程
对于标签,列表,表格,超链接,图片的插入,表单,css样式以及选择器的复习
技术名词解释
- 标签
这是学习html最先接触到的,比如段落标签<p>标签,<h1>~<h6>标签对于字体大小的 控制,由大到小。
- 列表
列表标签是HTML中核心的标签,分为三种:无序列表,有序列表,自定义列表
无序标签<ul><li></li></ul>
有序标签<ol><li></li></ol>
自定义标签<dl><dd></dd></dl>
- 表格
表格用于展示数据库中的数据,非常核心的标签<table></table>
1、align:表格在页面中元素中显示的位置对齐方式,属性值有:left、center、right;
2、border:表示表格单元是否有边框,默认为空,或者属性值为1;
3、cellpadding:表示表格单元中内容与边框的距离,内边距,默认为1px;
4、cellspacing:表示表格单元与表格单元之间的距离,默认为2px;
5、width:表示表格的宽度。
- 超链接
标签为<a href=""></a>,作用如下
1:跳转到某个网页
2:在页面内部锚定跳转,例如:回到顶部/底部
target="_blank"表示新开一个页面
- 图片的插入
图片标签是img,用来在网页中嵌入一个图片文件,了解:路径、宽高
- 表单
表单标签分父元素和子元素
父元素是from,子元素有很多,以input为核心
可以实现登录、注册等功能
用来向后台服务器提交数据
- css选择器
优先级:id选择器 > class选择器 > 元素选择器
后代 子代 交集 并集
属性选择器
伪类选择器
小结
HTML5基础小结如下:
-
标签结构:HTML5使用标签来描述网页的结构和内容。常见的HTML5标签包括<html>、<head>、<body>、<div>、<p>等。
-
文本标记:HTML5提供了一系列标记来格式化文本,如<h1>~<h6>用于定义标题级别,<strong>和<em>用于强调文本,<span>用于为文本添加样式等。
-
图片标记:通过<img>标签可以在网页中插入图片。可以使用src属性指定图片文件的URL,并可以添加alt属性作为替代文本,以提供图像无法显示时的文字描述。
-
链接标记:使用<a>标签创建链接。通过href属性指定链接的目标URL,可以是其他网页、文件或页面内的位置,还可以通过target属性设置链接在新窗口打开。
-
列表标记:HTML5提供有序列表(<ol>)、无序列表(<ul>)和定义列表(<dl>)三种列表标记,分别使用<li>、<li>和<dt>/<dd>标记表示列表项。
-
表格标记:通过<table>、<tr>和<td>等标记创建表格。使用表格标记可以展示数据,并通过属性设置表格的结构、样式和内容。
-
表单标记:HTML5中的<form>标签用于创建表单,通过添加不同类型的输入字段标签(如<input>、<textarea>)来收集用户输入的数据。
以上是HTML5的基础知识要点小结,掌握这些内容可以帮助你开始编写简单的网页,并逐渐扩展到更复杂的项目。