html中常用的标签

最新推荐文章于 2022-07-26 17:07:39 发布

ZHOU_VIP

最新推荐文章于 2022-07-26 17:07:39 发布

阅读量360

点赞数

本文链接：https://blog.csdn.net/ZHOU_VIP/article/details/73379961

版权

Html CSS-广陵散专栏收录该内容

15 篇文章 0 订阅

订阅专栏


html中常用的标签

   文字标签和注释标签
	* 文字标签：修改文字的样式
		- <font></font>
		- 属性：
			* size: 文字的大小 取值范围 1-7,超出了7，默认还是7
			* color：文字颜色
				- 两种表示方式
					** 英文单词：red  green  blue  black  white  yellow   gray......
					** 使用十六进制数表示 #ffffff :  RGB
						- 可以通过工具实现不同的颜色   #66cc66

	* 注释标签
		- html的注释 ： <!--  html的注释  -->
   -----------------------------------------------------------------------------------------------------
   标题标签、水平线标签和特殊字符
	* 标题标签 
		- <h1></h1>  <h2></h2>  <h3></h3> .......<h6></h6>
		- 从h1到h6，大小是依次变小，同时会自动换行
	
	* 水平线标签
		- <hr/>
		- 属性
			** size: 水平线的粗细 取值范围 1-7
			** color: 颜色
		- 代码
			<hr size="5" color="blue"/>

	* 特殊字符
		- 想要在页面上显示这样的内容   <html>:是网页的开始！
		- 需要对特殊字符进行转义
			* <     <
			* >     >
			* 空格   
			* &     &
   -----------------------------------------------------------------------------------------------------
   列表标签
	- 比如现在显示这样的效果
		传智播客
			  财务部
			  学工部
			  人事部
	** <dl> </dl>: 表示列表的范围
		** 在dl里面  <dt></dt>: 上层内容
		** 在dl里面  <dd></dd>：下层内容
	- 代码
		<dl>
			<dt>传智播客</dt>
			<dd>财务部</dd>			
			<dd>学工部</dd>
			<dd>人事部</dd>
		</dl>
	
	- 想要在页面上显示这样的效果
	  1. 财务部
	  2. 学工部
	  3. 人事部

	  a. 财务部
	  b. 学工部
	  c. 人事部

	  i. 财务部
	  ii. 学工部
	  iii. 人事部
	
	** <ol></ol> : 有序列表的范围
		- 属性 type：设置排序方式 1(默认)  a  A  i I
	   ** 在ol标签里面 <li>具体内容</li>
	- 代码
		<ol>
			<li>财务部</li>
			<li>学工部</li>
			<li>人事部</li>
		</ol>
		
		<ol type="a">
			<li>财务部</li>
			<li>学工部</li>
			<li>人事部</li>
		</ol>
	
	- 想要在页面上显示这样的效果
		特殊符号（方框） 财务部
		特殊符号（方框） 学工部

		** <ul></ul> : 表示无序列表的范围
			属性： type: 空心圆circle 、实心圆disc 、实心方块square ，默认disc
			在ul里面  <li></li>
		- 代码
			<ul>
				<li>财务部</li>
				<li>学工部</li>
				<li>人事部</li>
			</ul>
   -----------------------------------------------------------------------------------------------
   图像标签（*******）
    * <img src="图片的路径"/> 例如：<img src="img/zhou.gif" width="100" height="100"/>
        - src: 图片的路径
        - width：图片的宽度
        - height：图片的高度

        - alt: 图片上显示的文字，把鼠标移动到图片上，停留片刻显示内容。当图片路径不对找不到图片时候，图片边上会显示文字
            ** 这个属性用的很少，因为有些浏览器下不显示（没有效果）
               李炎恢说：alt 当图片不加载时显示的备用内容

ZHOU_VIP

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
html中常用的标签

html中常用的标签文字标签和注释标签 * 文字标签：修改文字的样式 - - 属性： * size: 文字的大小取值范围 1-7,超出了7，默认还是7 * color：文字颜色 - 两种表示方式 ** 英文单词：red green blue black white yellow gray...... ** 使用十六进制数
复制链接

扫一扫