HTML基础

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属性相同,可以多选

  

 

posted @ 2017-04-25 15:10  没有为什么  阅读(137)  评论(0编辑  收藏  举报