HTML概述
HTML(HyperTxet Markup Language)是超文本语言。超文本语言是指页面内可以包含图片等其他一些内容。HTML由许多标签组成。
HTML语言通过浏览器把我们需要显示的内容显示在浏览器上。
HTML基本语法
html基本格式如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
标签
学习HTML语言,要先学习标签的用法。
标签的具体结构如下:
1.<标签结构>标签内容</标签名> (这种标签叫闭合标签,有头有尾。同时也叫双标签)
2.<标签名/>(这种标签叫自闭合标签。只有一个尾。同时也叫单标签。)
3.标签的属性:标签可以拥有属性。属性进一步说明了该标签的显示或使用特性。属性的格式 :属性名 = “属性值“ 。属性的位置:<标签名 属性名 = “属性值“ >xxx</标签名>。添加多个属性:<标签名 属性名 = “属性值“ 属性名 = “属性值“ >xxx </标签名>。
<!DOCTYPE html>
是对所使用语言的声明。
<head>
是头标签,可以在头标签中来写其他标签。
<meta>
是一个用来描述HTML网页文档属性的标签。(<meta charset="utf-8">
是设置网页字符集编码。)
<link>
标签定义文档与外部资源的关系,其最常见的用途是链接样式表。
<title>
标签是用来编写网页标题的。
<body>
是网页的身体,网页中的内容都写在body中。若要更改网页的属性,可以在body中完成。
<!--注释内容-->
,这个标签是用来写注释的。
<h1>,<h2>....<h6>
标题标签。(注意,h1到h6的字体大小依次递减)
<p></p>
段落标签.<p>
标签中的文字默认会独占一行,并且段与段之间会有一个间距。
<br/>
换行标签.顾名思义,起到换行作用,光标移动到紧挨的下一行,即与上一行没有间距。
<ol><ol/>
有序列表.可以利用type属性更改用来排序的字符。
<ul><ul/>
无序列表.同样可以利用type属性更改或隐藏。
<li><li/>
列表中的行
<a><a/>
超链接标签,HTML使用超级链接与网络上的另一个文档相连,通俗的说就是通过链接来访问其他网页资源。
用法:<a href="http://www,baidu.com">
或<a href="http://www,baidu.com" target="_slef" >
(注:打开超链接时新窗口会覆盖当前窗口。但<a href="http://www,baidu.com" target="_blank">
就不会覆盖当前窗口,而是创造一个新窗口。)
定义锚点(在较长的网页中,用来快速跳转到对应的标签):
<a name="锚点名称"></a>
超链接跳转指定锚点:
<a href="#锚点名称"></a>
<img/>
图像标签.顾名思义,插入图片的标签<imgsrc="/=路径/图片"width="宽度" height="高度" border="边框厚度" alt="图片不能正常显示时对图片的描述。"/>
注:图像链接举例:
<body>
<a href="http://www.baidu.com">
<img src="img/baidu.jpg" width="180" height="95" border="0"/>
</a>请点打开百度
</body>
常用特殊符号转移:1.小于号<: <。2.大于号>:>。 3.版权(右上角一个小c):©。4.商标(TM):&trade。 5.空格: 。6.注册商标(R):®。
作者联系方式:
qq945677662
vxa2482466921
如有错误,请帮忙指正,大家一起交流哈。