前言:HTML是用来描述网页的一种语言 是一种超文本标记语言
1.行标题
格式:<h1>行标题</h1>
注:标题(Heading)是通过<h1>到<h6>等标签进行定义
<h1>定义最大的标题 以此类推 <h6>定义最小的标题
2.段落标签
格式:<p>段落标签</p>
注:<p>是块级元素 浏览器会自动地在段落的前后添加空行
3.HTML链接
格式:<a href = "http://www.baidu.com">百度</a>
4.HTML图像
格式:<img src = "w3chool.jpg" width = "104" height = "300"/>
5.水平线
格式:<hr/>
6.html定义HTML文档
格式:<html></html>
7.body定义文档的主体
格式:<body></body>
8.定义注释
格式:<!-- this is a comment -->
9.对齐及背景色属性
对齐属性
格式:<h1 align = "center">对齐属性</h1>
背景色属性
<body bgcolor="yellow"></body>
10.换行标签
格式:<br/>
注:我们无法确定 HTML 被显示的确切效果。屏幕的大小,以及对窗口的调整都可能导致不同的结果。
对于 HTML,您无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果。当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
11.样式属性 style
实例:<p style = "font-size:20px">样式style</p>
段落字体大小为20px
style 属性淘汰了“旧的” bgcolor 属性。
新的:<body style = "background-color:yellow"></body>
style 属性淘汰了旧的<font>标签。
新的:<p style = "font-family:arial;color:red;font-size:20px;">font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺寸</p>
style 属性淘汰了旧的 "align" 属性。
新的:<h1 style = "text-align:center">新的文本对齐方式</h1>
12.HTML文本格式化
格式:
<b>这是粗体</b>
<strong></strong>
<big>定义大号字</big>
<em>定义着重文字</em>
<i>定义斜体字</i>
<small>定义小号字</small>
<sub>定义下标字</sub>
<sup>定义上标字</sup>
<pre>这是预格式文件 即使用这个标签可以把文本可以按照你现在写的样子保存下来</pre>
13.“计算机输出” 标签:
<code>定义计算机代码</code>
<kbd>定义键盘码</kbd>
<tt>定义打字机代码</tt>
<samp>定义打字机代码样本</samp>
<var>定义变量</var>
<address>地址</address>
14.块引用:
<blockquote>长引用</blockquote>
<q>短的引用</q>
15.删除文字
<del>删除删除的字</del>
<ins>下划线文字</ins>
16.缩略词
<abbr>元素定义缩写或首字母缩略语。</abbr>
<cite>定义著作的标题。浏览器通常会以斜体显示元素。</cite>
<bdo dir = "rtl">定义文本书写方向 从右往左(rtl) </bdo>
17.HTML链接 - target属性
使用 Target 属性,你可以定义被链接的文档在何处显示。
如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开
<a href="http://www.w3school.com.cn/" target="_blank">Visit W3School!</a>
18.表格
表格由<table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>
标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
<table>表格</table>
<tr>行</tr>、
<td>单元格</td>
19.列表
无序列表 以粗体圆点 典型的小黑圆圈 进行标记
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
有序列表 默认从1开始 若设置了start 则从start开始
<ol start="50">
<li>咖啡</li>
<li>牛奶</li>
</ol>
20.块
大多数 HTML 元素被定义为块级元素或内联元素。
<div>元素是块级元素,它是可用于组合其他 HTML 元素的容器。
<span>元素是行内联元素,可用作文本的容器