标题标签
功能:自动换行 加粗 由大到小
<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.下标<sub></sub>
H<sub>2</sub>o
5.上标<sup></sup>
3<sup>2</sup>=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 (规定被链接文档的位置。)