网页标签

一:html:HyperText Mark-up Language 即超文本标记语言,主要分为以下几个部分,开始标签下面是head标签,head标签里面是标题栏,然后是body,即网页上要显示的内容

其扩展名为htm或者html。

<html>开始标签

<head>网页上的控制信息
里面是控制性的东西
<title>标题栏</title> 页面标题

</head>

<body>页面上显示的内容
     这是第一个页面
</body>

</html>结束标签

注释语法:

<!--被注释掉的内容--> --HTML中的注释语法

二:body中的内容:

通用标签分为两类:

1.格式控制标签

<font color="" face="" size=""></font>控制字体 color=" #FFFF00"  颜色,前两个红,中间两个绿,后面两个蓝--三基色的十六进制表示
网页配色方案图谱记录下来
<b></b>加粗   <strong></strong> 加粗,显示效果一样,强调语气,主要是用来百度搜索的,百度爬虫会注意这里面的东西
<i></i>倾斜    <em></em>倾斜
<u></u>下划线
<br/>单标签,换行,不空一行
&nbsp;空格,复制一个是一个空格,ctrl+shift空格
<center></center>居中

2.内容容器标签

<h1></h1>......<h6></h6> 一号到六号标题,六号标题最小,标题自动换行
<p></p>段落标签,换行默认空一行
<div></div>层标签,换行
<span></span>层标签,不换行,放在span里的东西可以单独用样式表来做的特殊点
<ol type="1"></ol>自动写1,2,3标签,有序列表标签
<ul type=" "></ul>无序的符号
<li></li> 标签定义列表项目,放在ol或ul里面

属性:

<body backgroud="image/0019.jpg"背景图片平铺,文件存放路径image 相对路径,从当前页面开始找,../image/0019.jpg,../是上一级目录./是当前目录

 bgcolor="#990000"页面的背景颜色
 text="#ffff00" 文字颜色 
topmargin="0" leftmargin rightmargin bottommargin 上边距,左,右,下边距  >

相对路径,从当前页面开始找,绝对路径,从网站的根开始找,/代表网站的根

三:常用/常见标签:

1.超链接标签
<a href="超链接指向的页面">超链接的文字</a>

<a href="http://www.sina.com.cn" target="_blank"(target打开的形式,在新窗口打开)> 打开新浪网</a>
超链接的文字如何设置
超链接的目标页面如何设置
超连接的打开位置如何设置

2.图片标签
<img src="路径"(source来源 ) alt="李小璐"(图片挂的时候显示替代文字)   width=""height=""(宽和高设置,设置一个按比例缩放)  />  img标签是单标签

3.表格标签
<table></table> 表格标签 属性:
wideth:表格的宽度。像素,百分比 width=300,300像素宽,width=100%,最大。一般设置为960,外围定死。
border:边框,一般设为0
cellpadding:边距,格内容和边的距离,一般设为0
cellspacing:间距,格子之间的距离,一般设为0

align:对齐方式,整个表对齐
bgcolor:背景色
backgroud:背景图片

<tr></tr> 一行,行标签,必须放在table里面
bgcolor:这一行的背景色
align:对齐方式,行中的内容对齐,设置会把一行都设置了
valign:竖直对齐方式。
height:行高

<td></td> 单元格标签,行里Ian的格子,必须放在tr里面
bgcolor:单元格的背景色
align:该单元格中内容的水平对齐方式
valign:竖直对齐方式
width:单元格的宽度,像素,百分比,设一个格会改变一列的
height:单元格的高度,设一个单元格的高度会改变这一行

<th></th>表头,和td一样,只是用在表头,自动加粗居中

表格标签可以用来进行网站的布局

4.单元格合并:少用,尽量多用表格嵌套
colspan:合并  colspan="n"  合并同一行中的列,设置n,删掉n-1个td

rowspan:合并同一列中的行,设置n,删掉第2到第n行中的第一列

5.锚点:

<a name="first">第一章</a> 做一个锚点,也是用a但是不用href,起个名字能让超链接找到就可以了
<a href="#first">超链接连接到锚点,#代表当前页面,<a href="Untitled-1.html#first">超链接到untitled-1.html页面的first锚点

 

posted @ 2014-09-15 20:24  从小学吐槽  阅读(237)  评论(0编辑  收藏  举报