html学习笔记(一)
html超文本链接标记语言hypertext markup laguage
html标记大全
<html>
形式上的标记
<head></head>
头标记,放置关于此html文件的信息,如提供索引,定义css样式
<title></title>
标题标记,包含在’’中,设置网页标题
<body></body>
主题标记,放置网页需要显示的部分
<h1><h2>.....<h6>
header显示内容标题样式,从<h1
>到<h6>
逐渐减小
<b></b>
bold加粗
<i></i
>
ilitaic倾斜
<u></u>
underline下划线
<s></s
>
下删除线
<em></em>
emphasis强调,即斜体
<strong></strong>
加粗
<big></big> <small></small>
放大 缩小
<code></code>
代码和指令
<address></address>
显示电子邮件或地址
<br> <wbr> <hbr>
break分别代表断行,字内段行,分割线
<p></p>
paragraph段落标记
<center></center>
使文字水平居中
<blockquote></blockquote>
设置文字段落的缩进
<ul>
<li>...</li>
</ul>
建立unordered列表
<ol>
<li>...</li>
</ol>
建立ordered列表
<font></font>
设置文字的大小,颜色还有字体,所有它的属性有’color=”颜色” ‘size=”大小”’ ‘face=”字体”’
<img src="路径下的图片或是url">
image插入图片
width=”数字” height=”数字” alt=”无法正常显示的替换文本”
只设置一个属性高度或是宽度,图片则会以原始图片的比例显示,img标签是不需要结束标签的标签之一
<a href="路径下的url">链接文字或图片</a>
url统一资源定位器Uniform resource lacator,其由四个部分组成,协议,主机名,文件夹名和文件
页面内的标签
形如<a href="#目标名称">
链接文字或图片</a><a name="目标名称">
目标链接文字,其原理是在创造链接的文本时使用#目标名称跳转至目的地,后面使用name=”目标名称”呼应
<a href="mailto:url"></a>
打开邮箱的客户端
targe="..."可以使用的标签有
- _blank在新窗口中打开链接
- _self相当于不设置target属性
- _top在顶级框架中显示链接页面
- _parent在上一级框架中显示链接页面
<frameset>
<frame>
</frameset>
建立框架集和框架,<frameset></frameset>
和<body></body>
同级,这二者不能进行嵌套,它的属性有cols和rows
cols="百分比" rows="百分比"
分别设置框架的纵向占比和横向占比
<frame src="url">
在框架中加入网页
<table>
<tr>
<th>..</th><th>..</th></th>
</tr>
<tr>
<td>..<td> <td>..<td>
</tr>
<tr>
<td>..<td> <td>..<td>
</tr>
</table>
tr代表table row,td代表table data cell,th代表table header
rowspan="数字" colspan="数字"
分别代表合并上下单元格,合并左右单元格,数字代表合并单元格的个数
table可以用align设置对齐,width,height设置宽度高度,bgcolor设置背景颜色
html属性
align=""
控制水平对齐,它的参数有’left”right”center’
bgcolor=""
设置背景颜色,可以用的参数有两种:
red,blue,green....
- #FFFFFF,#000000.....
Something special
<代表小于< >代表大于>
©代表版权符号
÷代表符号除以
±代表正负
&harr代表双向箭头