您的位置：首页 > Web前端 > CSS

HTML/CSS 常用方法释义，标签属性以及对应单词表

2016-12-12 17:09 801 查看 
<!DOCTYPE .../>： doc type 文档使用的html标准

<html>:hypertext markup language 定义html文档

<head>:头，定义关于文档的信息

<meta>:定义元信息

<body>:体，定义文档内容

<h1> headline 标题，注意，h是容器级别的标签

<p> paragraph 段落

<a>:anchor 定义锚
href: Hypertext reference 超文本链接（将锚抛到一个html超文本文档中）
可以使用 <a name="_art">美术</a> name属性或id属性定义一个锚，使用href="./myHtml.html#_art"访问这个锚。

<img>: image 图片标签
src resource 图片资源

<ul>:unordered list 无序列表
<li>:list item 列表项
ul是组标签，li不能单独存在，ul内部只能有li，li是容器级标签，比如淘宝的每个商品都是li。

<ol>:ordered list 有序列表
ol内部同样也只能放置<li>

<dl>:definition list 定义列表
<dt>:definition title 定义列表项标题

<dl>
<dt>北京<dt/>
<dd>帝都</dd>
<dd>PM2.5爆表</dd>

<dt>上海</dt>
<dd>魔都</dd>
</dl>
使用灵活，dt不可省略，一个dt可以拥有多个dd，dd也是容器级元素

<div>: division 分割，定义一个小区域，类似android的layout
<span>:span 跨度，范围，类似div，但是是文本级别的标签，只能放置文字图片表单元素

<form>:表单标签，去面试都会叫你填一个表格，用于收集用户的信息
action:动作，指定表达提交到哪个页面
method:方法，指定表单提交的方法 post/get

<input>:输入，这类标签用于获取用户的输入， 自封闭标签
type 类型：
text 文本框，
password 密码框，
radio 单选按钮（老式收音机的多个按键只能有一个可以按，其余的会弹起， radio name属性相同的是一组单选按钮），
checkbox 复选框（多个value的值提交之间使用，隔开，一组checkbox也需要相同的name），
button 普通按钮（value 代表按钮上的文字），
submit 提交按钮（value 代表按钮上的文字，默认就有提交二字），执行表单提交，
reset 重置按钮，重置表单

value:默认有的值，也是post get的发送的value
name:使用get方法或者post请求时，发送value的key
checked:默认是否被选择 checked="checked"

<select>:选择的意思,下拉列表，类似于ul标签
<option>:选项

<textarea>:文本区域，非闭合标签
属性： cols，colums,列   rows 行

<label>：标签，label不只只可以是文字，也可以是图片
用途：
<input type="radio" name="sex" id="man"/><label for="man">男</label>
<input type="radio" name="sex" id="woman"/><label for="man">女</label>
将两个标签根据id绑定在一起。

&ld:less than 小于号< 的字符实体
&gd:greate than 大于号 > 的字符实体
©:copyright 版权符号
 :non-breaking spacing 不打断空格，可以使用这个代替tab，解决空白折叠问题

——无用标签——
HTML只负责语义，不负责样式，所以HTML样式标签无用，被废弃,通常用作钩子
稍稍有用：<br>:break，打断，换行，不到万不得已不用

<font>:字体标签
<b>:blod 加粗
<i>:italic 斜体
<u>:underline 下划线
<del>:delete 删除线
<em>:强调
<strong>:强调
<hr>:horization 水平线

<abbr>:abbreviation 定义缩写
<acronym>: 定义只取消首字母的缩写
<address>:定义地址元素
<area>:定义图像映射内部的区域
<base>:定义页面当中的所有链接的基准链接
<bdo>: bidirectional override 定义文字的显示方向
<big>:定义大号字
<blockquote>:定义长的引用
<caption>:定义表格标题
<cite>:citation 定义引用
<code>:computer code 定义计算机代码文本
<col>:column 定义用于表格列的属性
<colgroup>:column group 定义表格的列祖
<del>:delete 定义被删除的文本
<dfn>:defining instance 定义定义的项目。
<em>:emphasized 定义强调文本
<fieldset>:定义域结构
<frame>:定义框架的子窗口
<frameset>:定义框架集
<iframe>:inline frame 定义内联框架
<ins>:inserted 定义被插入的文本
<kbd>:keyboard 定义键盘文本
<legend>:定义框架集的标题
<link>:定义资源引用
<map>:定义图像映射
<noframe>:定义无框架的节
<noscript>:定义无脚本的节
<object>:定义内嵌对象
<optgroup>:option group 定义选项组
<param>:定义对象的参数
<pre>:preformatted 定义预格式文本
<q>:quotation 定义短的引用
<samp>:sample 定义计算机代码样本
<script>:定义脚本
<select>:定义选择列表
<small>:定义小字体文本
<strong>:stronger empasis定义强调文本
<style>:定义样式的定义
<sub>:subscript 定义下标文本
<sup>:superscript 定义上标文本
<table>:定义表格
<tbody>:table body 定义表格的主体部分
<td>:table data cell定义表格单元
<tfoot>:table foot定义表也的脚注
<th>:table header cell定义表格的表头单元格
<thead>:table head定义表格的标题
<title>:定义文档的标题
<tr>:table row定义表格的行
<tt>:teletype 定义打字机文本
<var>:variable 定义变量

pre 预格式化
sup 上标
sub 下标
tt 等宽字体(打印机字体)
th 表头单元
td 表格单元
tr 表格行
caption 表格标题


CSS：cascading style sheet 层叠式样式表

——常用属性——
color 字体颜色
font-size 字体大小，单位px
background-color 背景颜色
font-weight:blod/normal 字体权重加粗，不加粗
font-style:italic/normal 字体样式，斜体
text-decoration:underline/normal 字体修饰，下划线
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html css 前端
相关文章推荐
新的分享
章节导航