首页 > 代码库 > HTML基础

HTML基础

2024-09-17 07:30:07   218人阅读

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=http://www.mamicode.com/‘www.bai.com‘>百>

　

a

<a href=http://www.mamicode.com/‘www.bai.com‘>链接>

　　

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="http://www.mamicode.com/Show enctype" />
</form>

属性：
application/x-www-form-urlencoded　 # 在发送前编码所有字符（默认）
multipart/form-data　　　　　　　　　　 # 不对字符编码。在使用包含文件上传控件的表单时，必须使用该值。
text/plain　　　　　　　　　　　　　　　　# 空格转换为 "+" 加号，但不对特殊字符编码。

　　

select option(multiple)

<!--下拉框 单选-->
<select name="area">
    <option value="http://www.mamicode.com/朝阳">朝阳</option>
    <option value="http://www.mamicode.com/海淀" selected="selected">海淀</option>
    <option value="http://www.mamicode.com/东城">东城</option>
    <option value="http://www.mamicode.com/西城">西城</option>
</select>

　　

<!--下拉框 多选-->
<select name="area2" style="height: 80px" multiple>
    <option value="http://www.mamicode.com/朝阳" selected="selected">朝阳</option>
    <option value="http://www.mamicode.com/海淀">海淀</option>
    <option value="http://www.mamicode.com/东城">东城</option>
    <option value="http://www.mamicode.com/西城">西城</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属性相同，可以多选

　　

 

HTML基础


联系
我们