HTML概述

HTML（HyperTxet Markup Language）是超文本语言。超文本语言是指页面内可以包含图片等其他一些内容。HTML由许多标签组成。

HTML语言通过浏览器把我们需要显示的内容显示在浏览器上。

HTML基本语法

html基本格式如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>

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.小于号<: &lt。2.大于号>:&gt。 3.版权（右上角一个小c）：&copy。4.商标（TM）:&trade。 5.空格：&nbsp。6.注册商标（R）：&reg。

作者联系方式：
qq945677662
vxa2482466921
如有错误，请帮忙指正，大家一起交流哈。

Web前端 ---HTML语言基础语法and标签（day001）

HTML概述

HTML基本语法

标签

猜你喜欢