做个笔记,免得每次要百度。
基本常用标签:
基本标签 | 常用属性 | 使用方法 | 说明 |
---|---|---|---|
h | align:水平对齐方式 (center:居中;left:左对齐;right:右对齐) | <h1 align="center">我是标题,谁赞成,谁反对</h1> | 水平居中的一级标题。标题标签取值:h1~h6 |
hr | size:线条宽度,color:颜色,noshade:取消阴影 | <hr size="4" color="orange" noshade="noshade"/> | 在页面上创建一条size="4"橘黄色的水平线 |
font | color:颜色,size:大小,face:字体 | <font color="red" size="7" face="宋体">标签真多啊</font> | 修饰文字的颜色,字号和字体 |
b | <b>我要被加粗了</b> | 将文字加粗 | |
i | <i>我不想倾斜</i> | 文字倾斜 | |
p | <p>我是一个单独的段落</p> | 将文字划分段落 | |
br | 我在第一层<br>我在第二层 | 换行 | |
图片标签 | <img> | 使用方法 | 说明 |
src | <img src="../../pp.jpg"/> | 设置图片的路径 | |
alt | <img alt="这是一个示范" /> | 图片无法显示时的替代文本 | |
width | <img width="200px" /> | 设置图片的宽度 | |
height | <img height="200px"/> | 设置图片的高度 | |
title | <img title="demo"/> | 设置鼠标停留在图片上显示的文字 |
一些字符无法正常显示在浏览器,要用这些字符的特俗字符代替。
特殊字符 | 含义 |
---|---|
  | 空格 |
< | 小于号 |
> | 大于号 |
© | 版权符 |
列表和超链接
属性 | 取值 | 使用示例 | 说明 |
---|---|---|---|
href | href=“地址” | <a href="http://www9.pceggs.com/">蛋咖</a> (一个最基本的超链接标签) | 设置跳转的地址 |
target | target="_self"或 target="_blank" | <a href="http://www9.pceggs.com/" target="_self">蛋咖</a> | target="_self": 在当前页面打开链接资源;target="_blank" :在一个新开的页面打开链接资源 |
标签名 | 使用示例 | 常用属性 | 说明 |
无序列表 | <ul> <li>蛋咖</li> </ul> | 不需排序 | |
有序列表 | <ol><li>蛋咖</li></li> | type:1,a,A ,i,I | 需要排序,序号由type属性决定 |
href属性取值为:
javascript:;
,javascript:void(0)
或者#
时,这个链接被阻止。超链接就变成了空链接。