小白学习html标签归纳

来源:互联网 发布:python源码下载 编辑:程序博客网 时间:2024/05/29 19:41
HTML基础学习
Html标签

1、<html></html> 文本描述网页
2、<body></body> 文本内容可见
3、<h></h> 文本被显示为标题
4、<p></p> 文本被显示为段落
5、<a href="http://www.w3school.com.cn">This is a link</a> 超链接设置
6、<img src="w3school.jpg" width="104" height="142" /> 图片设置
7、<table></table> 表格标签
8、<hr></hr> html创建水平线
9、<!-- --!> html注释
10、<p>This is<br />a para<br />graph with line breaks</p> 在不产生新的段落标记的情况下使用<br/>标签进行拆分
11、<style></style> 定义样式
12、<link></link> 定义资源引用
13、<div></div> 定义节或者区域(块集)
14、<span></span> 定义行内的小块或者区域
15、<font></font> 定义文本的字体、字体颜色、不赞成使用。请使用样式

文本格式化标签

1、<b></b> 文本加粗
2、<big></big> 定义大字号
3、<em></em> 定义着重文字
4、<i></i> 定义斜体字
5、<small></small> 定义小字号
6、<strong></strong> 定义加重语气
7、<sub></sub> 定义下标字
8、<sub></sub> 定义上标字
9、<ins></ins> 定义插入字
10、<del><del> 定义删除字

计算机输出标签

1、<code></code> 定义计算机代码 (不保留多余的空格和拆行)
2、<kbd></kbd> 定义键盘码
3、<samp></samp> 定义计算机代码样本
4、<tt></tt> 定义打印机代码
5、<var></var> 定义变量
6、<pre></pre> 定义预格式文字(编写格式是什么样的,输入就是什么样的)

引用、引用和术语定义

1、<abbr></abbr> 定义缩写
2、<acronym></acronym> 定义首字母缩写
3、<address></address> 定义地址
4、<bdo></bdo> 定义文字方向
5、<blockquote></blockquote> 定义长的引用
6、<q></q> 定义短的引用
7、<cite></cite> 定义引用、引证 (浏览器通常会以斜体显示)
8、<dfn></dfn> 定义一个定义项目

Html标签属性

1、align = "对其方式"
2、bgcolor = "颜色值"
3、border = "表格边框附加信息"
4、class = "classname" 元素的类名
5、id = "id" 元素唯一id
6、style = "style_definition" 规定元素的行类样式 (style替代了原有属性,比如align、bgcolor)
7、title = "text" 规定元素的额外信息(可在工具提示中显示)
9、padding = "内边距数值"  以内容为中心向外撑开
10、margin = "外边距数值" 

表格标签

1、<table></table> 定义表格
2、<caption></caption> 定义表格标题
3、<th></th> 定义表格表头
5、<td></td> 定义表格单元
6、<thead></thead> 定义表格页眉
7、<tbody></tbody> 定义表格主体
8、<tfoot></tfoot> 定义表格页脚
9、<col></col> 定义用于表格列的属性
10、<colgoup></colgoup> 定义表格列的组

列表标签

1、<ol></ol> 定义有序列表
2、<ul></ul> 定义无序列表

3、<dl></dl> 定义列表


HTML<div> 和 <span>


Css样式





HTML类






HTML布局





使用HTML5网站布局




HTML响应式web设计



   
 html中的Frame框架按我的理解就是相当于Android中的Fragmnet碎片,当前窗口就相当于Activity,通过Activity把多个fragment显示在窗口上

HTML Iframe




HTML背景



HTML脚本
JacaScript使html页面具有更强的动态和交互性




HTML字符实体




HTML表单 <form>
文本输入


单选按钮输入

提交按钮

HTML <Form> 属性



HTML表单元素
<input>元素


<select>元素(下拉列表)


<option>元素定义带选择的选项

<textarea>文本域元素 (既Android中的文本输入框)

<button> 元素定义可点击按钮


HTML 输入类型

输入类型:text



输入类型:password


输入类型:submit


Input Type: radio


Input Type: checkbox


Input Type: button


HTML5 输入类型



输入类型:date



输入类型:color


输入类型:range


输入类型:month


输入类型:week


输入类型:time


输入类型:datetime


输入类型:datetime-local


输入类型:email


输入类型:search


输入类型:tel


输入类型:url




0 0
原创粉丝点击