<meta chatset=" "> 需要添加字符 如“UTF–8”
<html lang=" "> 如“en,zh-CN,ja-jp
”
<h1></h1> <h2></h2>……<h6></h6>
<br/>换行
<p>段落文本内容</p> 标识一个段。
<hr/> 空标记 水平线
加粗有两个标记。
<b>加粗内容</b> 显示加粗。
<strong>强调的内容</strong> 突出的文本。
倾斜有两个标记。
<em>强调文本</em>
<i>倾斜文本</i>
删除有两个标记。
<s>文本</s>删除线
<del>文本</del>删除线
扩展
<u>文本</u>下划线
<sub>内容</sub>下标
<sup>内容</sup>上标
<color=“red” width=“300px” align=“right”> 文字水平对齐
valign 文字竖直对齐
color====颜色
width====宽度
align====对齐方式
noshade====取消阴影
©; 版权(圆圈里有C)
&trade; 右上角TM
®; 圆圈里有R
<; 左尖角号
>; 右尖角号
 ; 空格
😃 尾数可变 表情
div 无含义,划区域
span 无含义,修饰,不破坏原本结构
ol 有序列表
ctrl+/ 注释
ul 无序列表
border: 边框
bordercolor 边框颜色
bgcolor 背景颜色
cellspacing 单元格与单元格之间的距离
cellpadding 单元格与内容之间的空隙
colspan 合并行元格
rowspan 合并列
li 定义列表项目
ul 无序列表
dl 自定义列表
例<ol type=square>
<dt>图片<dt>
<dd>文字<dd>
./ 同级
../ 上级
../../ 上级的上级(多级返回)
<img scr="图片路径" alt="因某些原因而加载失败,才出现" title="解释图片">
<a herf="路径"title="鼠标悬停上去后的提示信息"target="_blank或_self">名字</a>
<table> 表
在表中<tr>代表行,<td>表示一个单元格的内容
<table>
<tr>
<td>1</td>
</tr>
</table>
表单标签:
<form method="get或者post" action="向何处发表表单数据">
get 数据传输量小,快,安全性低,从服务器上获取信息
post 数据传输量大,慢,安全性高,向服务器传输数据
<input type="类型" placeholder="提示">
类型如:text文本,password密码,submit提交框,value提交到action所指定的地方,button按钮键,reset清除的作用,name 用户的信息才会被传到服务器
CSS
link关联
rel引入 stylesheet
type格式 text/css
herf路径
在HTML中 <link rel="stylesheet" type="text/css" href="css的路径">
在HTML中 <style>
@import url(css的路径)
</style>
外部样式的优先级低于内部样式的优先级(!important优先)
class选择器 class="命名" 花括号中以;结尾
<style>
.名字{
color:red;
}
id选择器 #名字 { }
<div id="例box"></div>
<style>
#box{
color:yellow;
}
</style>
*通配符 *{属性:属性值;}
div,p,b{
属性:属性值
}
p b{} p中的b列标
link-–visited––hover––active
!important>内部>包含选择器(选择器的权重之和)>id>class>style(元素)
font-size 字体大小(默认16px)
font-family 字体
font-weight 加粗 (lighter,normal,bold,bolder,或100)
font-style 倾斜(italic,oblique,normal)
color:rgb(0,0,0) 红,绿,蓝,三种的比例
color:#ffffff 16进制(6个数)
text-align:justify 两端对齐
line-height: 100 行高