HTML总结

1、HTML的基本结构

<html>

<head>             // <head></head 标签之间文本的是头信息

<title></title>   //标签之间文档标题

</head>

<body></body>   //标签之间文档内容

</html>

例子:

<html>
<head>
<meta charset="utf-8" />
<title>美女</title>
</head>
<body>
待我长发及腰,少年娶我可好<br/>待我青丝宛正,<b>铺十里红妆可愿</b>       //<br/>  强制换行 ;<b></b>  标签之间加粗文体
</body>
</html>

2.段落相关标签与格式化相关标签

<html>
<head>
<meta charset="utf-8" />
<title>论毅力</title>
</head>
<body>
<h3 align="center">图强</h3>
<big>天下</big>古今成败之林,若是其莽然不一途也。要其何以成?何以败?
曰:“有毅力者成,反是者败。”
<p>
盖人生历程,大抵逆境居十六七,顺境亦居十三四。
而顺逆两境,又常相间以迭乘。
无论事之大小,而必有数次乃至十数次之<strong>阻力</strong>
</p>
<font face="微软雅黑" color="blueviolet" size="2">窈窕淑女,君子好逑</font>

</body>
</html>
//<p></p> 定义文体的段落
//<h3></h3> 标题元素由标签<h1>到<h6>,由大到小
//align=" center" 表示居中;align=" left" 左对齐 ;align=" right" 右对齐
//<big></big> 定义大号字,还有<small></small>,定义小号字
//<strong></strong> 定义加重语气
//<font></font>标签,可以通过设置属性来控制文字的大小、颜色、字体等
//属性 size="2" 定义2号字体大小 ;face="微软雅黑",定义字体名字为微软雅黑
//color="blueviolet" 定义字体颜色

3、超链接相关标签

(1)

<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<a href="http://www.baidu.com">百度一下</a>
//点击网页中的“百度一下”,自动连接到百度网址,出现百度网页
<a href="http://www.baidu.com" target="_blank">百度一下</a>
//打开一个新的浏览器的窗口打开连接
<a href="http://www.baidu.com">百度一下</a>
//表示在当前浏览器窗口打开连接
<a href="http://www.baidu.com">百度一下</a>
//表示在框架中,顶级框架里显示的打开连接
</body>
</html>

内部链接

<a href=“about.html”>内部链接 </a>

其他应用:
<a href=“mailto:邮箱地址”>邮件链接</a>
<a href=“tel:电话号码”>一键拨打</a>
<a href="sms:139xxxxxxx">一键发送短信</a>

 

posted on 2016-08-04 22:52  务实者  阅读(142)  评论(0编辑  收藏  举报