目录
一.HTML简介
二.常用标签
1.常用的标签
<strong> <b> ---- 字体加粗
<i> <em> ----- 斜体
<u> ---- 文字下面加上下划线
<del> ----- 删除线
<br> ---- 换行
<hr> ------ 水平分割线 width属性设置的是长度 单位可以是px也可以是% size属性指的是宽度
<p> ---- 段落标签 align 属性的取值 left center right,默认的位置是居左
<font> ---- 用来修饰字体 color 字体的颜色 颜色的表示法：第一种:单词 第二种：三原色 rrggbb(red green blue) 十六进制 #0000ff
<!--注释 解释说明的部分 -->
<sub> --- 下标
<sup> ---- 上标
<pre> ---- 用来原样输出内容
<span> --- 标准的行内标签，用来修饰文本 行内标签的特点：只占据内容的部分，不会自动换行，直到铺满一行才会换行 hn （n的取值1~6）------ 标题标签 字体大小是从大到小 加粗 换行
<div> ----- 盒子 块级标签：自动换行 ----- 布局 br hr p hn（1） <b>/<strong>
<b> 标签规定粗体文本。
<strong> 标签和 <em> 标签一样，用于强调文本，但它强调的程度更强一些。
浏览器通常会以不同于 <em> 标签的方式来显示 <strong> 标签中的内容，通常是用加粗的字体（相对于斜体）来显示其中的内容，这样用户就可以把这两个标签区分开来了。
（2） <i>/<em>
<i> 标签显示斜体文本效果。
<i> 标签和基于内容的样式标签 <em> 类似。它告诉浏览器将包含其中的文本以斜体字（italic）或者倾斜（oblique）字体显示。如果这种斜体字对该浏览器不可用的话，可以使用高亮、反白或加下划线等样式。
<em> 标签告诉浏览器把其中的文本表示为强调的内容。对于所有浏览器来说，这意味着要把这段文字用斜体来显示。
（3）<u>
<u> 标签可定义下划线文本。
（4）<del>
<del> 定义文档中已被删除的文本。
（5）<br>
<br> 可插入一个简单的换行符。
<br> 标签是空标签（意味着它没有结束标签，因此这是错误的：<br></br>）。在 XHTML 中，把结束标签放在开始标签中，也就是 <br />。
请注意，<br> 标签只是简单地开始新的一行，而当浏览器遇到 <p> 标签时，通常会在相邻的段落之间插入一些垂直的间距。
（6）<hr>
<hr> 标签在 HTML 页面中创建一条水平线。
水平分隔线（horizontal rule）可以在视觉上将文档分隔成各个部分。
（7）<p>
<p> 标签定义段落。
p 元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
（8）<font>
<font> 规定文本的字体、字体尺寸、字体颜色。
（9）<!>
注释标签用于在源代码中插入注释。注释不会显示在浏览器中。
您可使用注释对您的代码进行解释，这样做有助于您在以后的时间对代码的编辑。当您编写了大量代码时尤其有用。
（10）<sub>/<sup>
<sub> 标签可定义下标文本。
包含在 <sub> 标签和其结束标签 </sub> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。
<sup> 标签可定义上标文本。
包含在 <sup> 标签和其结束标签 </sup> 中的内容将会以当前文本流中字符高度的一半来显示，但是与当前文本流中文字的字体和字号都是一样的。
（11）<pre>
pre 元素可定义预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。
<pre> 标签的一个常见应用就是用来表示计算机的源代码。
（12）<span>
<span> 标签被用来组合文档中的行内元素。
（13）<div>
<div> 可定义文档中的分区或节（division/section）。
<div> 标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。
如果用 id 或 class 来标记 <div>，那么该标签的作用会变得更加有效。
2.表单标签
（1）form标签
<form> 标签用于为用户输入创建 HTML 表单，一般会和 input标签连用。
（2）input标签
<input> 标签用于搜集用户信息。
根据不同的 type 属性值，输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
（3）select标签
select 元素可创建单选或多选菜单。
<select> 元素中的 <option> 标签用于定义列表中的可用选项。
（4）textarea标签
<textarea> 标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。可以通过 cols 和 rows 属性来规定 textarea 的尺寸，不过更好的办法是使用 CSS 的 height 和 width 属性。
3.常用的一些属性
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
4.a标签
<a> 标签定义超链接，用于从一张页面链接到另一张页面。
<a> 元素最重要的属性是 href 属性，它指示链接的目标。
5.img标签
（1）定义和用法
img 元素向网页中嵌入一幅图像。
请注意，从技术上讲，<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。
<img> 标签有两个必需的属性：src 属性 和 alt 属性。
（2）必需的属性
（3）可选的属性
6.表格布局
align ------ 表示的是表格对齐方式 left center right, 默认是 left
7.列表标签
（1）有序列表ol
<ol> 标签定义有序列表。
（2）无序列表ul
<ul> 标签定义无序列表。
（3）数据列表
<dl> 标签定义了定义列表（definition list）。
<dl> 标签用于结合 <dt> （定义列表中的项目）和 <dd> （描述列表中的项目）。
8.多窗口框架
frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。
614
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
