html5学习笔记

HeartdreamX

于 2022-05-09 06:20:00 发布

阅读量277

点赞数

文章标签： html5 学习 html

本文链接：https://blog.csdn.net/HeartdreamX/article/details/124658318

版权

本文介绍了HTML5的基础框架和常用标签，包括基本标签、表格、列表、分组标签、输入字段属性等。深入讲解了form属性、input类型、锚点、行级与块级元素的区别、表格操作、GET与POST方法的差异以及HTML表单的构成和功能。还提到了div和span的作用，以及框架的概念。

摘要由CSDN通过智能技术生成

HTML5的基础框架

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>标题</title>
</head>
<body>
    网页主体
</body>
</html>

HTML5的基本标签

<h1> - <h6> 标签定义 HTML 标题
<p> 标签定义 HTML 段落
<a> 标签定义 HTML 链接
   超链接：
   >通过使用 href 属性 - 创建指向另一个文档的链接
   >通过使用 name 属性 - 创建文档内的书签
   >通过使用 Target 属性，你可以定义被链接的文档在何处显示
   >语法：<a href="url">Link text</a>
   锚点：
   >语法：<a name="label">锚（显示在页面上的文本）</a>
<img> 标签定义 HTML 图像
<map>	定义图像地图
<area>	定义图像地图中的可点击区域
<html>	定义 HTML 文档
<body>	定义文档的主体
<h1> - <h6> 标签定义 HTML 标题
<hr /> 标签创建 HTML 页面水平线
 <!-- --> HTML 注释
<p>	定义段落
<br />	插入单个折行（换行）

HTML表格标签

<table> 定义表格
<caption>	定义表格标题
<th>	定义表格的表头
<tr>	定义表格的行
<td>	定义表格单元
<thead>	定义表格的页眉
<tbody>	定义表格的主体
<tfoot>	定义表格的页脚
<col>	定义用于表格列的属性
<colgroup>	定义表格列的组

HTML列表标签

<ol>	定义有序列表
<ul>	定义无序列表
<li>	定义列表项
<dl>	定义定义列表
<dt>	定义定义项目
<dd>	定义定义的描述

HTML 分组标签

<div>	定义文档中的分区或节（division/section）。
<span>	定义 span，用来组合文档中的行内元素。

HTML Iframe 标签

定义内联的子窗口（框架）（1）添加 iframe 的语法: URL 指向隔离页面的位置。（2）height 和 width 属性用于规定 iframe 的高度和宽度。属性值的默认单位是像素，但也可以用百分比来设定（比如 “80%”）。实例：（3）删除边框 frameborder 属性规定是否显示 iframe 周围的边框。设置属性值为 “0” 就可以移除边框。实例：（4）使用 iframe 作为链接的目标 iframe 可用作链接的目标（target）。链接的 target 属性必须引用 iframe 的 name 属性。实例：

HTML中的字符字体

HTML中input 表单属性
value 属性：规定输入字段的初始值。
readonly 属性：规定输入字段为只读（不能修改），readonly 属性不需要值。它等同于 readonly=“readonly”。
disabled 属性：规定输入字段是禁用的，被禁用的元素是不可用和不可点击的，被禁用的元素不会被提交。disabled 属性不需要值。它等同于 disabled=“disabled”。
size 属性：规定输入字段的尺寸（以字符计）。
maxlength 属性：规定输入字段允许的最大长度。
autocomplete 属性：规定表单或输入字段是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值。
form 属性规定< input>元素所属的一个或多个表单。如需引用一个以上的表单，请使用空格分隔的表单 id 列表。
height 和 width 属性规定 < input> 元素的高度和宽度。height 和 width 属性仅用于 < input type=“image”>。
min 和 max 属性规定元素的最小值和最大值。min 和 max 属性适用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week。

<track>	定义 <video> 和 <audio> 的轨道。
<video>	定义视频或影片内容。

HTML实例操作
一，锚点
通俗简单地说，当我们制作一个特别长的网页的时候，我们可以使用锚点去定点定位我们想要去查看的内容。

代码示例

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

最低0.47元/天解锁文章