网页标签
一: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/>单标签,换行,不空一行
空格,复制一个是一个空格,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锚点