HTML略知一二（一）

来源：互联网发布：在家做淘宝客服靠谱吗编辑：程序博客网时间：2024/06/04 18:18

；# HTML略知一二（一）

HTML：

1.（Hype Text Markup Language）超文本标记语言，是最基本的网页语言。代码由标签组成，不区分大小写。
2.由开始，结束，分头部分（head）和体部分（body），头部分用于给页面增加一些辅助或属性信息，最先加载。体部分是真正存放页面数据的地方。
3.基本格式：

-<html>    -<head>    -//辅助或属性信息    例如`<title>内容</title>`显示的是网页摘要    -</head>    -<body>    -//页面数据    -</body>-</html>

4.字体标签：<font size="5" color="red">文字</font>
color属性可用颜色单词，也可用“#FFFFFF”：#加十六进制数据表示，红绿蓝。
5.属性和属性值用“=”连接，属性值可加双引号、单引号或不加引号。标签相当于一个容器，数据存放在容器里，对数据操作，就是在修改容器的属性值。例如4.中的size=”5”,还可以写为size=’5’ size=5;但是不建议写后面两种，推荐加上双引号。
6.标题标签：<h1>文字</h1>共有 6 级标题h1-h6,h1最大，h6最小
7.水平线标签：<hr/> 可以设置水平线的属性

color 是水平线的颜色size 属性指定水平线粗细
8.特殊标签

大于号> 小于号< 与符号& 双引号“ 空格注册符® 版权符© TM符™ &lt； &gt； &amp； &quot； &nbsp； &reg； &copy； &trade；

9. 列表
定义列表格式：

<dl>声明定义列表
-<dt>声明定义列表项
- <dd>声明定义列表项的定义</dd>//有自动缩进效果
-</dt>
</dl>

无序列表格式（符号标签）：自动缩进默认样式空心圆circle
disc实心圆，square 黑方块可用 CSS 自定义符号

<ul type="circle">
-<li>内容</li>
</ul>

有序列表（数字标签）：自动缩进默认数字样式可用 type修改：a A I i 1 Start 属性指定起始号码

<ol type="a" start="2">
-<li>内容</li>
</ol>

10:注释标签：<!—注释内容-->
11.图像标签：<img src=”../dir/file” alt=”说明文字” height="" width ="" border="" />src 属性中可用两个点（../）代表上层目录
alt 属性中的说明文字在鼠标悬停和图片加载失败时显示,height=”” width =”” border=”” 是高，宽，边框
11.表格标签
表格格式：

<table border="" bordercolor="" cellpadding="" cellspacing="" width="">
-<caption></caption>//给表格加标题，可选
-<tr>
-<th></th> 表头标签，效果是加粗居中，<td></td>通过设置也可以达到这样的效果
-<td rowspan="" colspan=""></td>
-</tr>
</table>
border=”边框粗细” bordercolor=”边框颜色” cellpadding=”单元格中数据与单元格边框间距” cellspacing=”单元格与单元格间距 ” width=”固定像素值或相对页面百分比”> cellspacing=0 两线并成一线但显示出来粗这些是可选的。

12超链接标签：
1.<a href="http://www.xxx.cn" >链接到的地方</a>
例如：<a href="http://www.sina.com" target="_blank" >新浪</a>，就是访问新浪,target=”_blank”是在新窗口打开
点击一个超链接,首先启动相应的协议解析引擎，访问本机 hosts 文件，查找对应主机 IP，未找到再请求网络 DNS 服务器获取对应 IP，用 IP 访问指定主机。
2.href 属性，可以指定协议，mailto:abc@qq.com?subject=”邮件主题”&cc=”抄送地址”
例如：<a href="mailto :abc@sohu.com?subject=hello" >联系我们</a>
mailto寻找系统的邮件引擎，向搜狐发送一封主题为hello的邮件
如果发送到多个地方就用&连接，也就是我们发邮件时的抄送
3. thunder……：
例如<a href="thunder：//123" >速七</a>就是速七的迅雷下载地址，会自动启动迅雷
4.超链接实现页面内跳转：定位标记、锚
例如：在网页顶部<a name="top" >顶部位置</a>
在网页底部写一个top关联<a href="#top" >回到顶部</a>当点击回到顶部就会跳转到顶部位置#不可以省略因为不指定协议默认启动文件协议解析href=www.baidu.com默认使用 file 协议打开的是一个本地文件并不是主机地址，
5.图片也可以做超链接：<a href="http:网址" ><图片路径/></a>

0 0

HTML略知一二 （一）

HTML：

HTML略知一二（一）