首页 > 代码库 > html基础
html基础
---恢复内容开始---
html 是一种标记语言，而不是编程语言，它是制作网页的基础语言，主要用于描述超文本语言，主要描述超文本中内容的显示方式
html基本结构
<html>
<head>
<title></title>
</head>
<body></body>
</html>
定义文字方向
文字从右向左 <bdo dir = "rtl"> 往事随风 </bdo>
文字从左向右 <bdo dir = "itr"> 往事随风 </bdo>
设置文字 字体 大小 颜色
<font face = "宋体" size = "3" color = "red"> 以后洒脱 </font> -------> 以后洒脱
居中标签 <center> </center>
水平线 <hr> (单标签)
设置段落对齐方式
左对齐 <p align = "left"> 以后洒脱 </p>
居中对齐 <p align = "center"> 以后洒脱 </p>
右对齐 <p align = "right"> 以后洒脱 </p>
标题标签
<h1></h1> ...<h6></h6>
列表分类
无序列表
<ul>
<li></li>
<li></li>
<li></li>
</ul>
无序列表嵌套
<ul>
<li></li>
<ul>
<li></li>
<ul>
<li></li>
</ul>
</ul>
</ul>
有序列表 无序列表混合使用
<ol>
<li></li>
<ul>
<li></li>
</ul>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
</dl>
在网页中插入图片
<img src = "http://www.mamicode.com/图片路径">
常用表单控件
(1).<input>元素用于收集用户信息,为单标记.
(2).按钮 提交按钮<input type="submit"/>传送表单数据到服务端或者其他程序处理
重置按钮<input type="reset"/>清空表单内容并把所有表单空间设置为默认值
普通按钮<input type="button"/>用于执行客户端脚本(javascript将会用到)
(3)文本框与密码框:<input type="text" />
<input type="password" />
主要属性: value: 由访问者自由输入的任何文本
maxlength;限制输入的字符数
readonly:设置文本控件只读
(4)单选框与复选框:单选框<input type="radio"/>
复选框<input type="checkbox"/>
主要属性:value:文本,提交form时,选中此单选按钮,则value被发送到服务器
name:用于实现分组,一组单选框或者复选框的名称必须相同
checked:设置选中
(5)<label></label>元素 将文本与控件联系在一起后,单击文本,效果与单击控件一样
(6)选项框 (下拉选项框和滚动列表)
select元素:使用其可创建选项框，并使用<option>元素创建其中的每一个选项
属性有: name：为选项框命名.
(7)<textarea>元素:用于创建多行的文本输入控件，该文本区中可容纳无限数量的文本
属性有: name：设置控件的名称，用于提供“名/值”对，以发送给服务器。
三种定位方式及使用场景
absolute
生成绝对定位的元素，相对于 static 定位以外的第一个父元素进行定位。
*fixed （老IE不支持）
生成绝对定位的元素，相对于浏览器窗口进行定位。
*relative
生成相对定位的元素，相对于其正常位置进行定位。
---恢复内容结束---
html基础