码迷,mamicode.com
首页 > Web开发 > 详细

HTML总结

时间:2016-08-05 00:28:49      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

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>

 

HTML总结

标签:

原文地址:http://www.cnblogs.com/moyingliang/p/5738713.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!