HTML
简介
超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。
规则学习
<!DOCTYPE html> # 文档类型说明 <html lang="en"> # html标签,伴随着/html结束标签 # id="i1": 标签的属性 <head id="i1"> # head 开始标签 , 伴随着 /head 结束标签 # 自闭和标签 <meta charset="UTF-8"/> # 自闭合标签 以 />结尾 <title></title> # 打开后页面的标题 </head> # head 结束标签 #<body...> <body> # body 开始标签, 伴随着 /body 结束标签 <h1>你好</h1> # h1 标题1,最大最粗字体 </body> # body 结束标签 </html> # /html 结束标签
标签
html/head/body/
<html> <head> <title>aa</title> </head> <body> <div> <a href='www.bai.com'>百 <span>CADE</span> </a> </div> </body> </html>
a
<a href='www.bai.com'>链接</a>
div
<div>区块</div>
h
<h1>标题1</h1> <h2>标题2</h2> . . . <h6>标题6</h6>
p
<p>这是一个段落</p>
br
<br/>换行
span
<span>文本</span>
form > action method # 表单
用好action和method方法 <form action='http://www.sogou.com/key?get=' method='GET'> </form>
table > tr th td
<table> <thead> <tr> <th>标题</th> </tr> </thead> <tbody> <tr> <td>内容</td> </tr> </tbody> </table>
form > enctype="";(上传文件用)
<form id="myForm" enctype="application/x-www-form-urlencoded"> <input type="button" onclick="showEnctype()" value="Show enctype" /> </form>
属性:
application/x-www-form-urlencoded # 在发送前编码所有字符(默认)
multipart/form-data # 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值。
text/plain # 空格转换为 "+" 加号,但不对特殊字符编码。
select option(multiple)
<!--下拉框 单选--> <select name="area"> <option value="朝阳">朝阳</option> <option value="海淀" selected="selected">海淀</option> <option value="东城">东城</option> <option value="西城">西城</option> </select>
<!--下拉框 多选--> <select name="area2" style="height: 80px" multiple> <option value="朝阳" selected="selected">朝阳</option> <option value="海淀">海淀</option> <option value="东城">东城</option> <option value="西城">西城</option> </select>
textarea
<!--多文本输入框--> <textarea name="menu">默认值</textarea>
input
基本语法:<input type="text" name="inpt_txt"/> 还有如下类型: 1. text # 文本输入 2. password # 密码 3. email # 邮件 4. button # 按钮 5. submit # 提交 6. reset # 重置 7. radio # 圆形选择,name属性相同,互斥;checked 默认 8. checkbox # 方形勾选,name属性相同,可以多选