HTML常用标签
HTML常用标签
基本结构：
<!DOCTYPE html>
<html>
<head>
<title>My first</title> <!--标题，作为网页的标题，显示在浏览器顶部-->
</head>
<body> <!--只有这部分的内容显示在网页上-->
<p>这是第一个段落。</p>
</body>
</html>
标签
分类
- 双标签——包含开标签、关标签，如：
- 单标签 ——如：
常用标签
1. 标题：
<h1>标题</h1> <!--六级标题标签，从1~6，大小递减-->
<h2>标题</h2>
<h3>标题</h3>
<h4>标题</h4>
<h5>标题</h5>
<h6>标题</h6>
显示如下：
标题
标题
标题
标题
标题
标题
2. 段落：
<p>这是段落1</p> <!--会自动换行-->
<p>这是段落2</p>
显示如下：
这是段落1
这是段落2
3. 超链接：
<a href="https://baidu.com" target="_blank">百度</a> <!--href:指跳到哪个链接，两个a之间放提示内容,当鼠标的光标移到内容上，光标会变成小手，点击即跳转;target:指新页面在哪里打开，_blank属性表示在新的窗口-->
<a href="#">空链接</a> <!--空链接用于刚创建网页，还没写好链接页面，暂时代替链接，还可以和id联合使用，跳转到某个页面的某一个位置，如：回到顶部-->
<a href="script">Script链接</a> <!--也是空链接-->
显示如下：
百度
空链接
Script链接
4.图像：
<img src="http://resource.okhqb.com/public/e7/7a/e77a96b36bc33bd3cb97a78c7c38b4a7.jpg" height="200px" width="250px" alt="乔布斯" title="苹果创始人">
<!--src:指图片存放的链接或者存放的路径，height和width：指图片的宽高，通常只设置其中一个，另一个则按原图片的宽高比例伸缩，设置两个时，若比例不对，则图片会出现变形，alt:指图片显示不了的时候（比如：src错误了），内容代替图片，title：指当鼠标放到图片上时，显示title中的内容。-->
重点
img标签与a标签联合使用，可用图片表示内容，点击图片实现跳转。
显示如下：
5.注释
<!--这是注释-->
注释是不会显示在网页中的，只是用于让程序员更好的理解代码，提高代码的可读性。
6.换行
7.下划线
显示如下：
8.加粗强调
我是文字1
我是文字2
我是文字3
显示如下：
我是文字1
我是文字2
我是文字3
9.斜体
我是文字1
我是文字2
strong代替了b标签，strong还表示强调的意义；em代替了i标签,也有表示强调的意义，由于强调内容与样式分离，b标签、i标签不提倡使用。
显示如下：
我是文字1
我是文字2
10. 头标签、主体标签
head标签内，通常放 The content of the document......