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

<!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 大于号 > 的字符实体
&copy:copyright 版权符号
&nbsp: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 表格标题

CSScascading style sheet 层叠式样式表

——常用属性——
color 字体颜色
font-size 字体大小,单位px
background-color 背景颜色
font-weight:blod/normal 字体权重加粗,不加粗
font-style:italic/normal 字体样式,斜体
text-decoration:underline/normal 字体修饰,下划线
  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值