头部:
<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
空格
属性:
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 站位符