提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
提示:以下是本篇文章正文内容,下面案例可供参考
一、HTML基本结构标签
<html>
<head>
<title>第一个页面</title>
</head>
<body>
月薪过万
</body>
</html>
标签名 | 定义 | 说明 |
---|---|---|
<html></html> | HTML标签 | 页面中最大的标签,称为“根标签” |
<head></head> | 文档的头部 | 在head标签中必须要设置的标签是title |
<title></title> | 文档的标题 | 让页面有一个属于自己的标题 |
<body></body> | 文档的主体 | 元素包含文档的所有内容基本都是放在body里面的 |
二、各种标签
1.标题标签<h1>-<h6>
语义:作为标题使用,并且依据重要性递减
代码如下(示例):
<body>
<h1>标题标签 </h1>
<h1>标题一共6级选</h1>
<h2>文字加粗一行显</h2>
<h3>由大到小依次减</h3>
<h4>从轻到重随之变</h4>
<h5>语法书写规范后</h5>
<h6>具体效果刷新见</h6>
</body>
效果如下:
2.段落标签<p></p>
语义:把HTML文档分割为若干段落
代码如下(示例):
<p>2016年11月24日,获得首届四川校园红人盛典年度总冠军。</p>
<p> 2017年,作为固定嘉宾参加优酷视频偶像进阶式BETA综艺真人秀节目《超次元偶像》,最终获得总冠军,从而正式进入演艺圈。比赛期间,他还被柴智屏钦点,获得出演电视剧《流星花园》的资格,并进入剧组进行演员培训;7月,出版《超次元偶像》同名写真集;同年,在《流星花园》全国选角活动中,从3万多报名者中脱颖而出,与吴希泽、官鸿、梁靖康联袂主演青春爱情偶像剧《流星花园》,并担纲男主角,饰演道明家族的继承人、F4的首领道明寺,这是他的首部电视剧作品,该剧于2018年7月9日在湖南卫视播出;与此同时,他还与F4成员一同登上《时尚芭莎》电子刊封面。 </p>
3.换行标签<br />
这是一个单标签,html中大多数都是双标签
语义:强制换行
代码如下(示例):
浮图缘 <br /> 今日宜加油 <br />
4.文本格式化标签
语义:突出重要性
加粗 | <strong></strong>or<b></b> |
倾斜 | <em></em>or<i></i> |
删除线 | <del></del>or<s></s> |
下划线 | <ins></ins>or<u></u> |
代码如下(示例):
键盘敲烂,工资过万
<strong>键盘敲烂,工资过万</strong>
<em>键盘敲烂,工资过万</em>
<del>键盘敲烂,工资过万</del>
<ins>键盘敲烂,工资过万 </ins>
5.<div>和<span>标签
语义:充当盒子的作用,装内容 。<div>标签单独占一行,大盒子,用来布局,division表示分割,分区;<span>标签一行可以有多个,用来布局,span以为跨度,跨距。
代码如下(示例):
<div>这是头部</div>
<span>微信</span>
<span>微博</span>
<span>QQ</span>
6.图像标签和路径<img>
Scr是<img>标签的必须属性,用于指定图像文件的路径和文件名
格式:<img src=”图像URL“/>
其他属性:
属性 | 属性值 | 说明 |
---|---|---|
alt | 文本 | 替换文本,图像不能显示的文字 |
width | 像素 | 设置图像的宽度 |
height | 像素 | 设置图像的高度 |
title | 文本 | 提示文本,鼠标放到图像上,显示的文字 |
border | 像素 | 设置图像的边框粗细 |
代码如下(示例):
<img src="v2-0cdaf64ca073aa5d004b17b72e046bcf_720w.jpg" alt="帅" title="帅" border="100" />