您的位置:首页 > Web前端 > HTML

html学习笔记(一)

2016-04-23 17:43 555 查看

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代表双向箭头
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  html