html基础学习笔记1

HTMLPageI .html -E X
< !DOCTYPE html)
< html>
<head>
<meta charset='utf 8
8 < body>
< / body>

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

HTML 标题

HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的.

实例

<h1>这是一个标题</h1> <h2>这是一个标题</h2> <h3>这是一个标题</h3>

按照主要次要顺序依次排下来

HTML 段落

HTML 段落是通过标签 <p> 来定义的.

实例

<p>这是一个段落。</p> <p>这是另外一个段落。</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的.

实例

<a href="http://www.runoob.com">这是一个链接</a>

HTML 图像

HTML 图像是通过标签 <img> 来定义的.

实例

HTML
<a href="defaulthtm">
( opening tag )
( closing tag )

HTML 空元素
没有内容的 HTML 元满称为空元空元是在开中关河的：
< br > 是苒关诩的空兀〔 < br> 际签过行
在 XHTML. XML 以及飛来踬事的 HTML 中：所有元都必须满关河：
在开始际签中添斜杠，比如 <br/> 是关河空元的正谁方法： HTML 、 XHTML 和 XML 都壹种方：
即使 < br> 在祈有浏览器中都是有效的但使甲 < br/ > 耳窦是长远的保 0

廡生是 HTML 元蓑憐的窮信息：
HTML 属性
HTML 元蓑可以谩性
压性可以在元蓑中添糠信息
压性一般」茧述于开始签
压性忘是以名称，值的的形匕现：
属性实例
卜 TML 链白 < 旀签定 “ 钅妄的地址在 href 届性中幅定
<a href="http://www.runoob.com/>jzæ
一个誕接 < / a >

HTML 属性参考手册
看完的 HTML 廡列表卜 ITML 参妾手册：
下面列土了适甲于大多数 HTML 元的廡竺：
为 htm ] 元又一多类〔 classname } （类名从棰艾件引入）
class
定蓑的一 id
id
规定元蓑的行内棰（ i 削 ne 尾 }
描述了元蓑的额外信息（作为工具条底甲）
更多际准性说明：卜仃 ML 起蓉 # 参妾手册

0 性和性匾尽量小写，事来样 0 也方使些：
0 class 压性可以多用 class=
0 眉压 1 生只能望獯设凿 id=
1 年 [ 2011 ． 0 1 引
〔引号里面可以煩入多个 class 压性）
“ （只北填写一个，多个无效）

全局属性
H TM L
[ | HTML5 新 1 生。
accesskey_
class
contenteditable
data-'
gg 旦囫旦
dopzone
hidden
id
lang
spellcheck
tabindex
translate
谩访河元蓑的鼕快鼕：
规定兀蓑的类名（ classname ）
古可辑元蓑的内容：
1 旨定一个元蓑的上下艾菜望：兰用户右击该元蓑，土现上下艾菜望
用于存储页面的自定必数据
谩元蓑中内容的艾事方苘：
1 旨定个元蓑是古可以拖动
1 旨定是古将数据老，移动
或钅妄
册」涂
[ 啞 | hid 旄 n 1 生规过对元行藏。
规定元蓑的一 id
谩元蓑中内容的语言代码：
[ 啞》輇测兀蓑是古拼写苞巽
规定元蓑的行内棰（ i 削 ne 尾 }
谩元蓑的 Tab 键崆制次：
规定元蓑的额外信息（可在工具亍中显亍）
1 旨定是古一个兀蓑的值在页面载入时是古 - 翻译

HTML注释

<hr />

定义水平线

HTML标签

标签	描述
基础
<!DOCTYPE>	定义文档类型。
<html>	定义一个 HTML 文档
<title>	为文档定义一个标题
<body>	定义文档的主体
<h1> to <h6>	定义 HTML 标题
<p>	定义一个段落
<br>	定义简单的折行。
<hr>	定义水平线。
<!--...-->	定义一个注释
格式
<acronym>	HTML5不再支持。定义只取首字母的缩写。
<abbr>	定义一个缩写。
<address>	定义文档作者或拥有者的联系信息。
<b>	定义粗体文本。
<bdi>New	允许您设置一段文本，使其脱离其父元素的文本方向设置。
<bdo>	定义文本的方向。
<big>	HTML5不再支持。定义大号文本。
<blockquote>	定义块引用。
<center>	HTML5不再支持。 HTML 4.01 已废弃。定义居中文本。
<cite>	定义引用(citation)。
<code>	定义计算机代码文本。
<del>	定义被删除文本。
<dfn>	定义定义项目。
<em>	定义强调文本。
<font>	HTML5不再支持。 HTML 4.01 已废弃。定义文本的字体、尺寸和颜色
<i>	定义斜体文本。
<ins>	定义被插入文本。
<kbd>	定义键盘文本。
<mark>New	定义带有记号的文本。
<meter>New	定义度量衡。仅用于已知最大和最小值的度量。
<pre>	定义预格式文本
<progress>New	定义运行中的任务进度（进程）。
<q>	定义短的引用。
<rp>New	定义不支持 ruby 元素的浏览器所显示的内容。
<rt>New	定义字符（中文注音或字符）的解释或发音。
<ruby>New	定义 ruby 注释（中文注音或字符）。
<s>	定义加删除线的文本。
<samp>	定义计算机代码样本。
<small>	定义小号文本。
<strike>	HTML5不再支持。 HTML 4.01 已废弃。定义加删除线的文本。
<strong>	定义语气更为强烈的强调文本。
<sub>	定义下标文本。
<sup>	定义上标文本。
<time>New	定义一个日期/时间
<tt>	HTML5不再支持。定义打字机文本。
<u>	定义下划线文本。
<var>	定义文本的变量部分。
<wbr>New	规定在文本中的何处适合添加换行符。
表单
<form>	定义一个 HTML 表单，用于用户输入。
<input>	定义一个输入控件
<textarea>	定义多行的文本输入控件。
<button>	定义按钮。
<select>	定义选择列表（下拉列表）。
<optgroup>	定义选择列表中相关选项的组合。
<option>	定义选择列表中的选项。
<label>	定义 input 元素的标注。
<fieldset>	定义围绕表单中元素的边框。
<legend>	定义 fieldset 元素的标题。
<datalist>New	规定了 input 元素可能的选项列表。
<keygen>New	规定用于表单的密钥对生成器字段。
<output>New	定义一个计算的结果
框架
<frame>	HTML5不再支持。定义框架集的窗口或框架。
<frameset>	HTML5不再支持。定义框架集。
<noframes>	HTML5不再支持。定义针对不支持框架的用户的替代内容。
<iframe>	定义内联框架。
图像
<img>	定义图像。
<map>	定义图像映射。
<area>	定义图像地图内部的区域。
<canvas>New	通过脚本（通常是 JavaScript）来绘制图形（比如图表和其他图像）。
<figcaption>New	定义一个 caption for a <figure> element
<figure>New	figure 标签用于对元素进行组合。
Audio/Video
<audio>New	定义声音，比如音乐或其他音频流。
<source>New	定义media元素 (<video> 和 <audio>)的媒体资源。media
<track>New	为媒体(<video> 和 <audio>)元素定义外部文本轨道。
<video>New	定义一个音频或者视频
链接
<a>	定义一个链接
<link>	定义文档与外部资源的关系。
<nav>New	定义导航链接
列表
<ul>	定义一个无序列表
<ol>	定义一个有序列表
<li>	定义一个列表项
<dir>	HTML5不再支持。 HTML 4.01 已废弃。定义目录列表。
<dl>	定义一个定义列表
<dt>	定义一个定义定义列表中的项目。
<dd>	定义定义列表中项目的描述。
<menu>	定义菜单列表。
<command>New	定义用户可能调用的命令（比如单选按钮、复选框或按钮）。
表格
<table>	定义一个表格
<caption>	定义表格标题。
<th>	定义表格中的表头单元格。
<tr>	定义表格中的行。
<td>	定义表格中的单元。
<thead>	定义表格中的表头内容。
<tbody>	定义表格中的主体内容。
<tfoot>	定义表格中的表注内容（脚注）。
<col>	定义表格中一个或多个列的属性值。
<colgroup>	定义表格中供格式化的列组。
样式/节
<style>	定义文档的样式信息。
<div>	定义文档中的节。
<span>	定义文档中的节。
<header>New	定义一个文档头部部分
<footer>New	定义一个文档底部
<section>New	定义了文档的某个区域
<article>New	定义一个文章内容
<aside>New	定义其所处内容之外的内容。
<details>New	定义了用户可见的或者隐藏的需求的补充细节。
<dialog>New	定义一个对话框或者窗口
<summary>New	定义一个可见的标题。当用户点击标题时会显示出详细信息。
元信息
<head>	定义关于文档的信息
<meta>	定义关于 HTML 文档的元信息。
<base>	定义页面中所有链接的默认地址或默认目标。
<basefont>	HTML5不再支持。 HTML 4.01 已废弃。定义页面中文本的默认字体、颜色或尺寸。
程序
<script>	定义客户端脚本。
<noscript>	定义针对不支持客户端脚本的用户的替代内容。
<applet>	HTML5不再支持。 HTML 4.01 已废弃。定义嵌入的 applet。
<embed>New	定义了一个容器，用来嵌入外部应用或者互动程序（插件）。
<object>	定义嵌入的对象。
<param>	定义对象的参数。

posted on 2018-07-26 16:40 Yvonne1206 阅读(102) 评论(0) 收藏举报

刷新页面返回顶部

Yvonne1206

导航

公告

html基础学习笔记1