Html5-----基本标签

最新推荐文章于 2021-07-08 22:28:06 发布

@深邃

最新推荐文章于 2021-07-08 22:28:06 发布

阅读量586

点赞数

文章标签： Html5-----标签大全

本文链接：https://blog.csdn.net/chenyun1997/article/details/99742543

版权

一、结构标签

<html><html> 根标签
<head></head> 头标签
<title></title> 页面的标题
<body></body> 主体标签：网页内容

属性：

color:文本的颜色 <font color="red">内容</font>
size: 文本的大小 <font size="30">内容</font>
  bgcolor:背景色 <body bgcolor="bisque"> </body>
background:背景图片 <body background="图片的地址"> </body>
颜色的表示方式：
第一种方式：使用颜色名称: red green blue
第二种方式：RGB模式 #000000 #ffffff #325687 #377405

二、排版标签

1.注释标签：
2.换行标签：<br/>
3.段落标签：<p>文本文字</p>
特点：段与段之间有行高
属性：align对齐方式   (left：左对齐 center：居中 right：右对齐)
  4.水平线标签:<hr/>
属性:
width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示)

size: 水平线的粗细 (像素表示，例如：10px)
  color:水平线的颜色
align:水平线的对齐方式(left：左对齐 center：居中 right：右对齐)

三、标题标签

<h1></h1>—-<h6></h6>
随着数字增大文字逐渐变小，字体是加粗的，内置字号，默认占据一行；

四、容器标签

<div></div>:块级标签，独占一行，换行
<span></span>:行级标签，所有内容都在同一行
作用： <div></div>:主要是结合css页面分块布局
<span></span>:进行友好提示信息

五、列表标签

有序列表：ol（order list）

<ol type="a">
		<li>苹果</li>
		<li>华为</li>
		<li>小米</li>
</ol>

无序列表：ul （unorder list）

<ul type="circle">
		<li>苹果</li>
		<li>华为</li>
	    <li>小米</li>
</ul>

定义列表：

   <dl>
 		<dt>苹果</dt>
 		<dd>苹果是一种水果，富含维生素C，美容养颜，吃了长寿....</dd>
   </dl>

列表嵌套：

<ul>
			<li>咖啡</li>
			<li>茶
				<ul>
					<li>红茶</li>
					<li>绿茶
						<ul>
							<li>中国茶</li>
							<li>非洲茶</li>
						</ul>
					</li>
				</ul>
			</li>
			<li>牛奶</li>
</ul>

图片标签：

<img/> 独立标签   
  属性: 
  	  src：图片地址： 相对路径 （同一个网站）  绝对路径 （不同网站）
      width:宽度
      height:高度
      border:边框
      align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom）
      alt:图片的文字说明
      title:图片的悬停显示
      hspace 和 vspace 设定图片边沿上下左右空白，以免文字或其它图片过于贴近

链接标签：

<a>文本或图片</a>
属性： 
 	href:跳转页面的地址(跳转到外网需要添加协议)     
    target:_self(自己)  _blank(新页面，之前页面存在)  _parent  _top  默认_self
 		  _search相等于给页面起一个名字，如果再次打开时，如果页面存在，则不再打开新的页面。可以是任意名字。
 	name:名称，锚点(回到锚点: 顶部，底部，中间)，在访问锚点的书写格式:#name的值

表格标签：

表格由 <table> 标签来定义。每个表格均有若干行（由 <tr> 标签定义），每行被分割为若干单元格（由 <td> 标签定义）。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

(table,tr,td)

表格列合并：colspan 属性

表格行合并：rowspan属性

文本格式化标签：

 <b> 	定义粗体文本。
    <big> 	定义大号字。
    <em> 	定义着重文字。
    <i> 	定义斜体字。
    <small> 	定义小号字。
    <strong> 	定义加重语气。
    <sub> 	定义下标字。
    <sup> 	定义上标字。
    <ins> 	定义插入字。
    <del> 	定义删除字。