html5基本元素标签学习(学习笔记)(未完)

推荐:html5只写结构,css3写样式,本章没有css3的讲述。

基础

标签 描述
<!DOCTYPE>  定义文档类型。
<html> 定义 HTML 文档。
<head> 定义关于文档的信息。
<title> 定义文档的标题。
<body> 定义文档的主体。
<h1> to <h6> 定义 HTML 标题。
<p> 定义段落。
<br> 定义简单的折行。
<hr> 定义水平线。
<!--...--> 定义注释。
<!--这是注释标签,不会在浏览器中显示。
    在源代码中插入注释对代码进行解释,有助于以后对代码编辑或别人浏览。
    也可以用来隐藏浏览器不支持的脚本-->

<!--定义文档类型,不是HTML标签,是指示web浏览器关于页面
    使用哪个HTML版本进行编写的指令。
    这里是HTML5。
    位置:声明必须是HTML文档的第一行,位于html标签之前-->
<!DOCTYPE html>

<!--定义HTML文档,告知浏览器自身是一个HTML文档。-->
<html lang="en">

<!--定义关于文档的信息,文档的头部
    位置:放在文档的开始处,紧跟在<html>标签后面,
        并处于<body>或<frameset>标签前面-->

<head>
    
    <!--定义文档的标题,是<head>标签中必须有的一个标签。
        通常把它放置在浏览器窗口的标题栏或者状态栏上-->
    <title>文档的标题</title>

</head>


<!--定义文档的主体内容-->
<body>

    <!--定义HTML标题,h1最大,h6最小
    具有确切的语义,只能用来表示标题,-->
    <h1>这是标题1</h1>
    <h2>这是标题2</h2>
    <h3>这是标题3</h3>
    <h4>这是标题4</h4>
    <h5>这是标题5</h5>
    <h6>这是标题6</h6>

    <!--定义水平线,在页面创建一条水平线,视觉上将文档分成俩个部分-->
    <hr />

    <!--定义段落,会自动在其前后创建一些空白-->
    <p>这是一个段落</p>

    <!--定义简单的折行,是一个换行符。
    <br>是一个空标签,没有结束标签,因此把结束标签放在开始标签中<br/>-->
    这里这里会<br />换行

</body>

</html>

html5基本元素标签学习(学习笔记)(未完)

格式化

标签 描述
<abbr> 定义缩写。
<address> 定义文档作者或拥有者的联系信息。
<b> 定义粗体文本。
<bdi> 定义文本的文本方向,使其脱离其周围文本的方向设置。
<bdo> 定义文字方向。
<blockquote> 定义长的引用。
<cite> 定义引用(citation)。
<code> 定义计算机代码文本。
<del> 定义被删除文本。
<dfn> 定义定义项目。
<em> 定义强调文本。
<i> 定义斜体文本。
<ins> 定义被插入文本。
<kbd> 定义键盘文本。
<mark> 定义有记号的文本。
<meter> 定义预定义范围内的度量。
<pre> 定义预格式文本。
<progress> 定义任何类型的任务的进度。
<q> 定义短的引用。
<rp> 定义若浏览器不支持 ruby 元素显示的内容。
<rt> 定义 ruby 注释的解释。
<ruby> 定义 ruby 注释。
<s> 定义加删除线的文本。
<samp> 定义计算机代码样本。
<small> 定义小号文本。
<strong> 定义语气更为强烈的强调文本。
<sup> 定义上标文本。
<sub> 定义下标文本。
<template> 定义用作容纳页面加载时隐藏内容的容器。
<time> 定义日期/时间。
<u> 定义下划线文本。
<var> 定义文本的变量部分。
<wbr> 定义可能的换行符。

表单和输入

标签 描述
<form> 定义供用户输入的 HTML 表单。
<input> 定义输入控件。
<textarea> 定义多行的文本输入控件。
<button> 定义按钮。
<select> 定义选择列表(下拉列表)。
<optgroup> 定义选择列表中相关选项的组合。
<option> 定义选择列表中的选项。
<label> 定义 input 元素的标注。
<fieldset> 定义围绕表单中元素的边框。
<legend> 定义 fieldset 元素的标题。
<datalist> 定义下拉列表。
<keygen> 定义生成密钥。
<output> 定义输出的一些类型。

框架

标签 描述
<iframe> 定义内联框架。

图像

标签 描述
<img> 定义图像。
<map> 定义图像映射。
<area> 定义图像地图内部的区域。
<canvas> 定义图形。
<figcaption> 定义 figure 元素的标题。
<figure> 定义媒介内容的分组,以及它们的标题。
<svg> 定义 SVG 图形的容器。

音频/视频

标签 描述
<audio> 定义声音内容。
<source> 定义媒介源。
<track> 定义用在媒体播放器中的文本轨道。
<video> 定义视频。

链接

标签 描述
<a> 定义锚。
<link> 定义文档与外部资源的关系。
<nav> 定义导航链接。

列表

标签 描述
<ul> 定义无序列表。
<ol> 定义有序列表。
<li> 定义列表的项目。
<dl> 定义定义列表。
<dt> 定义定义列表中的项目。
<dd> 定义定义列表中项目的描述。
<menu> 定义命令的菜单/列表。
<menuitem> 定义用户可以从弹出菜单调用的命令/菜单项目。
<command> 定义命令按钮。

表格

标签 描述
<table> 定义表格
<caption> 定义表格标题。
<th> 定义表格中的表头单元格。
<tr> 定义表格中的行。
<td> 定义表格中的单元。
<thead> 定义表格中的表头内容。
<tbody> 定义表格中的主体内容。
<tfoot> 定义表格中的表注内容(脚注)。
<col> 定义表格中一个或多个列的属性值。
<colgroup> 定义表格*格式化的列组。

样式和语义

标签 描述
<style> 定义文档的样式信息。
<div> 定义文档中的节。
<span> 定义文档中的节。
<header> 定义 section 或 page 的页眉。
<footer> 定义 section 或 page 的页脚。
<main> 定义文档的主要内容。
<section> 定义 section。
<article> 定义文章。
<aside> 定义页面内容之外的内容。
<details> 定义元素的细节。
<dialog> 定义对话框或窗口。
<summary> 为 <details> 元素定义可见的标题。
<data> 添加给定内容的机器可读翻译。

元信息

标签 描述
<head> 定义关于文档的信息。
<meta> 定义关于 HTML 文档的元信息。
<base> 定义页面中所有链接的默认地址或默认目标。

编程

标签 描述
<script> 定义客户端脚本。
<noscript> 定义针对不支持客户端脚本的用户的替代内容。
<embed> 为外部应用程序(非 HTML)定义容器。
<object> 定义嵌入的对象。
<param> 定义对象的参数。
上一篇:html5入门练习(一)


下一篇:要不要学Python?如何快速学Python?