简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > List of blog posts > HTML标签属性汇总
Blogger Information
Blog 4
fans 0
comment 0
visits 2582
Special Recommendation
More>
Related recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
HTML标签属性汇总
华仔的博客
Original
685 people have browsed it

头部：

<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 站位符

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！