网页标签

最新推荐文章于 2023-08-04 10:47:53 发布

dianqie9126

最新推荐文章于 2023-08-04 10:47:53 发布

阅读量91

点赞数

原文链接：http://www.cnblogs.com/Alvin-ftd/p/3973571.html

版权

一：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锚点

转载于:https://www.cnblogs.com/Alvin-ftd/p/3973571.html