HTML基础知识-常见标签

HTML中的常见标签

• meta

<meta name="Keywords" content="网站关键词，eg.网购" />
<meta name="Description" content="网站的描述,搜索引擎搜索后显示，eg.搜索引擎搜索到TB网后，TB网下显示的两行文字" />

• title

<title>标题，在浏览器选项卡显示</title>

• 注释

<!--注释-->

• 六级标题

<h1>这是标题1</h1>
<h2>这是标题2</h2>
<h3>这是标题3</h3>
<h4>这是标题4</h4>
<h5>这是标题5</h5>
<h6>这是标题6</h6>

网页实例图：

• p段落标签

<p> 段落</p>

p标签适合长段文字罗列，拉开间距，eg.新闻网页

• hr水平线

<hr/>
在网页中添加一条水平线，练习时可以做分割线使用，实际运用时不实用=-=…

• i,b,del

<i>斜体</i>

通常做短标签用

<b>加粗</b>

<del>删除字</del>

对比图：

• a链接标签

<a href="#">图片或文字等内容</a>

eg.<a href="https://www.jd.com">京东</a>

单击京东两个字可以跳转到https://www.jd.com京东官网

▲注意：a标签不要再嵌套a标签
在写绝对路径时，要写完整路径，不要漏协议头https://或http://
相对路径一般针对本地文件，“./”表示在当前目录查找，“…/ ”表示在上一级目录查找

a标签的target属性规定链接跳转方式，常用：_blank 新窗口打开

• img图片标签
• <img width="200" src="./img/0.jpg" alt="替换文字">
• 块级元素div

<div>块级元素</div>

div默认宽度100%

• 内联元素span

<span>内联元素</span>

span一般用于文字

下一篇讲html中的列表、表格、表单、框架。