HTML标签管理

标题标签

功能：自动换行 加粗 由大到小

<h1> </h1>

<h2> </h2>

<h3> </h3>

<h4> </h4>

<h5> </h5>

<h6> </h6>

段落标签<p> </p>

默认占父容器的100%  align属性控制文本的对齐方式

<p align="left">网站</p>     左对齐

<p align="center">网站</p>   中
<p align="right">网站</p>    右

强制换行<br>

空标签（没有结束标签）。

在XHTML中，把结束标签放置在开始标签中，即</br>.

注意：<br>来输入空行，而不是是分割段落。

预先格式化标签<pre></pre>

pre  变化字的大小   以预先设置号的格式输出

字符化格式标签
1.加粗  <b> </b>

2.斜体  <i> </i>

3.下划线 <u> </u>

4.下标
H₂o

5.上标
3²=9

字体标签

<font face="楷体" size="7" color="red">这里是字体标签</font>

颜色值  除了可以写单词以外  还可以写  rgb  rgba  #16进制

1.16进制：

    语法：#RRGGBB

2.10进制RGB码：

    语法：RGB(RRR,GGG,BBB)

   R,G,B分别用0~255的十进制或百分比表示红 绿 蓝；A为不透明度（0~100%）。

   例：rgb(255,255,255)  rgba(255,255,255,0.5)

3.用颜色的关键字表示

Black Silver Purple......

列表标签

1.有序列表

<ol>

   <li> </li>

</ol>

可使用“阿拉伯数字、罗马数字、英文字母”等进行标记，标记类型可由“type”指定

2.无序列表

<ul>

    <li> </li>

</ul>

水平线<hr>

超链接<a>

<a href=”” target=”” id=””>…</a>

href  为链接地址，未访问过的链接默认蓝色字体带下划线，访问过为紫色带下划线，点击是红色带下划线。可设置css属性text-decoration：none 去默认格式。

Target属性定义链接文档打开方式：

默认当前窗口 “_black”、新窗口打开 “_top”

如果连接的是本站里面的页面,直接写页面名称或者通过文件来获取

链接的是远程的路径 ：http://www.baidu.com

路径有两种路径的写法: 相对路径（相对当前页面的位置） 绝对路径（全路径  从根目录开始找）。相对文件写法  image/1.jpg 或者. ./image/1.jpg  (1个点代表向外跳转一级。)

图像<img>

<img src=”url” alt=””/>

src 指的是图片的路径；alt用来为图像定义一串预备的可替代的文本，当图片无法加载时，会显示一个破碎的图片。

<img>是inline-block元素之一，可指定宽高也可在一行内排列，行内位置默认”bottem”,可在css内通过“align”属性来指定：top bottom middle left right…

表单元素标签

<form action="" method="post">

Action：里面写的是提交的路径；

Method：请求的方式get显示提交 post 隐式提交（比较安全）。

注意：Form元素是块级元素，其前后会产生折行。

表格标签<table>

表格由table元素以及一个或多个tr ，th或td元素组成。

tr元素定义表格行，th元素定义表头，td元素定义表格单元。

行级元素与块级元素

块：<div> <h1>~<h6> <p><ul><ol><dl><dt><dd><table><tr><form>…

行：<a><span><img><form><label><font>…

样式标签<style>

在style中，type属性是必须的，定义style元素的内容，唯一可能的值是“text/css”。

如需链接外部样式表，需使用<link>标签。

<link rel=”stylesheet” type=”text/css” href=”theme.css”/>

 href 值：URL (规定被链接文档的位置。)