HTML解释:
HTML是英文Hyper Text Mark-up Language(超文本标记语言)的缩写,他是一种制作万维网页面标准语言(标记)。相当于定义统一的一套规则,大家都来遵守他,这样就可以让浏览器根据标记语言的规则去解释它.超文本标记语言,标准通用标记语言下的一个应用。
一般网页是由HTML和CSS构成。
HTML负责描述网页的结构和内容(如标题,导航栏等) CSS则负责网页的表现(外观)(如背景颜色,字体样式等)。
一段简单的html代码:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> </body> </html>
head部分:
一般包括页面编码,刷新时间,关键字,描述等。另外,网页头部信息和图标显示也是在此处设置的。
body部分:
常用标签:
<p></p>标签:段落标签,每一对p标签为一段
<a></a>标签用来跳转和锚
<a>标签之:跳转
默认如果在<a><a/>标签中不设置那么他仅仅在浏览器中显示文本
H标签:
<h1>H1</h1> <h2>H2</h2> <h3>H3</h3> <h4>H4</h4> <h5>H5</h5> <h6>H6</h6> #由上到下依次变小
select标签:
<select> <option value="1">上海</option> <option value="2">北京</option> <option value="3" selected="selected">广州</option> <!--这里默认是广州因为selected="selected" 这里设置了默认的!--> </select>
input:checkbox标签-复选框
<input type="checkbox"/> <input type="checkbox"/> <input type="checkbox" checked="checked"/> <!--这里加一个标识checked="checked,为默认选择"--
input:radio标签-单选框:
<!--第一中情况不互斥 --> <input type="radio"/> <input type="radio"/> <input type="radio"/> <hr/> <!--对于input标签来说只要,radio的name值相同,那么他们就会互斥--> <input type="radio" name="gender"/> <input type="radio" name="gender"/> <input type="radio" name="gender"/>
<!--标准的输入框--> <input type="text"/> <!--密码的输入框(输入的内容是保密的)--> <input type="password"/>
input:button & submit 提交按钮:
<input type="button" value="提交"/> <input type="submit" value="提交"/>
<textarea style="height: 100px; 100px;"></textarea>
form表单
<form> <p>用户名:<input type="text"/></p> <p>密码:<input type="password"/></p> <input type="submit" value="提交"/> <input type="button" value="按钮"/> <!--这里按提交才有反映,submit是用来提交当前的表单的,当然可以有多个表单--> <!--但是,这个submit需要写入表单内,那么提交的时候是提交的当前表单--> </form>
表格设置:
<table border="1"> <!--border这里是加上边框--> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <!--一个tr是1行,一个td是一列,一行里可能有很多列。--> <!--如果想加多个行就加多个tr即可--> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> </tr> </table>
未完待续。。。。。