博客列表 >HTML标签属性汇总

HTML标签属性汇总

华仔的博客
华仔的博客原创
2019年03月13日 08:05:10697浏览

头部:

<head>
	<title>网页标题</title>
	<!-- 编码格式 -->
	<meta charset="utf-8">

	<!-- 网页标题前的小图片 -->
	<link rel="icon" type="image/x-icon" href="">

	<!-- 引入外部文件 -->
	<!-- rel代表链接关系 -->
	<link rel="stylesheet" type="text/css" href="">

	<style type="text/css">
		*{margin: 0px; padding: 0px;}
		
	</style>

标签:

  • <h1></h1> ~ <h6></h6> 标题标签

  • <p></p> 段落标签

  • <b</b> 加粗

  • <small></small> 小号字体

  • <hr> 水平线

  • <font></font> 比小号字体大一点

  • <strong></strong> 定义加重语气,权重比较高,可以让百度爬虫能搜到

  • <del></del> 删除效果

  • <abbr title=""></abbr>  鼠标放上去,显示title内容

  • <a href=""></a> 链接 属性(target="_blank") 打开新页面

  • <div></div> 块

  • <img src=""> 图片

  • <br> 换行

  • <table></table>表格

  • <tr></tr> 行

  • <td></td> 列

  • <th></th> title

  • ul 无序列表

  • ol 有序列表

  • li 列表项

  • <form action="" method=""></form> 表单

  • <input type="" name=""> 类型有:text password  radio checkbox submit button

  • <textarea></textarea> 文本域

  • <button></button>  button

  • &nbsp; 空格

属性:

  • margin 外边距

  • padding 内边距

  • border:1px dotted #ccc;   边框/*dotted 点线边框 dashed虚线 solid实线边框 double 双线*/

  • border-radius: 50%; 边框圆角

  • border-collapse: collapse; 合并相邻的线

  • width 宽度

  • height 高度

  • box-shadow: 2px 2px 20px #ccc; 阴影

  • text-indent: 2em; 首行缩进

  • font-family: 宋体;  字体

  • font-size: 14px; 字号

  • color: #ccc; 字体颜色

  • line-height: 70px; 行高

  • text-align: center;  对齐方式

  • background: #f2f2f2; 背景

  • text-decoration: none; /*去掉下划线*/

  • white-space: nowrap; /*文本不能换行*/

  • overflow: hidden; 超出部分隐藏

  • text-overflow: ellipsis; /* 用省略号代替超出的文本*/

  • background: linear-gradient(to right,red,blue); 背景色的线性渐变

  • background-position: -10px -30px; 精灵图

  • /*no-repeat 不平铺*/

  • background-image:url(); 背景图

  • <td rolspan="2"></td> 合并行

  • <td colspan="4"></td> 合并列

  • placeholder 站位符

声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议