首页 / HTML / 【前端基础之HTML】 -- 2019-08-16 11:49:14

【前端基础之HTML】 -- 2019-08-16 11:49:14

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了【前端基础之HTML】 -- 2019-08-16 11:49:14，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含13118字，纯文字阅读大概需要19分钟。

内容图文

原文: http://blog.gqylpy.com/gqy/235

一、HTML介绍

二、head内常用标签

三、body内常用标签

一、HTML介绍

1. web服务本质

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    from socket import socket, SOL_SOCKET, SO_REUSEADDR
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                sk = socket()
                            
                        
                        
                            
                                
                                
                            
                            
                                sk.setsockopt(SOL_SOCKET, SO_REUSEADDR, 1)
                            
                        
                        
                            
                                
                                
                            
                            
                                sk.bind((‘127.0.0.1‘, 8080))
                            
                        
                        
                            
                                
                                
                            
                            
                                sk.listen()
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    while
                                    1:
                            
                        
                        
                            
                                
                                
                            
                            
                                    conn, addr = sk.accept()
                            
                        
                        
                            
                                
                                
                            
                            
                                    info = conn.recv(10240)
                            
                        
                        
                            
                                
                                
                            
                            
                                    print(info)
                            
                        
                        
                            
                                
                                
                            
                            
                                    conn.send(b‘HTTP/1.1 200 OK\r\n\r\n‘)
                            
                        
                        
                            
                                
                                
                            
                            
                                    conn.send(b‘<h1>Hello world!</h1>‘)
                            
                        
                        
                            
                                
                                
                            
                            
                                    conn.close()

浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面

2. HTML是什么？

超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言
本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页（对于不同的浏览器，对同一个标签可能会有不同的解释，兼容性问题）
网页文件的的扩展名：.html或.htm
HTML语言是一种标记语言（markup language），不是编程语言，HTML使用标签来描述网页

3. HTML文档结构

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="x-ua-compatible"content="IE=edge">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

<!DOCTYPE html> 声明为HTML5文档
<html></html> 文档的开始标记和结束标记，是HTML页面的根元素，在其中间的是文档的头部<head>和主体<body>
<head></head> 定义了HTML文档的开头部分，在其中间的内容不会被浏览器的文档窗口显示，包含了文档的元（meta）数据
<title></title> 定一个网页标题，在浏览器标题栏显示
<body></body> 在其中间的文本是可见的网页主体内容

对于中文网页需要使用<meta charset="UTF-8">声明编码，否则会出现乱码，有些浏览器会设置GBK为默认编码，则需要设置为<meta charset="GBK">

4. HTML标签

HTML标签是由尖括号包围的关键字，如<html>、<div>等
HTML标签通常是成对出现的，比如：<div></div>，第一额标签是开始，第二个标签是结束，结束标签会有斜线，语法：<标签名属性1="值1" 属性2="值2" ...>内容部分</标签名>
也有一部分标签是单独呈现的，如：<br/>、<hr/>、<img src="test.jpg"/>等，语法：<标签名属性1="值1" 属性2="值2" .../>
标签里面可以有若干属性，也可以不带属性
HTML注释：

id：定义标签的唯一ID，HTML文档树中唯一
class：为html元素定义一个或多个类名（classname）（CSS样式类名）
style：规定元素的行内样式（CSS样式）

<!DOCTYPE>标签

此标签必须是HTML文档的第一行，位于<html>标签之前，它声明的不是HTML标签，它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令。

二、head内常用标签

标签	定义
<title></title>	网页标题
<style></style>	内部样式表
<script></script>	JS代码或引入外部JS文件
<link/>	引入外部样式表文件
<meta/>	定义网页原信息

meta标签

<meta>元素可提供有关页面的原信息（meta-information），针对搜索引擎和更新频率的描述和关键字
<meta>标签位于文档的头部，不包含任何内容
<meta>提供的信息的用户不可见的
meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的页面功能

1. http-equiv属性

相当于http的文件头作用，他可以向浏览器传回一些有用的信息，以帮助其正确的显示内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--指定文档的编码类型-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--指示IE浏览器以最高模式渲染文档-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="x-ua-compatible"content="IE=edge">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--2秒后跳转到对应的网址，注意引号-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="refresh"content="2;URL=https://blog.csdn.net/qq_41964425">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                2秒后跳转...
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

2. name属性

主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <metaname="keywords"content="meta属性, meta跳转">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metaname="description"content="信息1, 信息2">

三、body内常用标签

1. 基本标签

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <b>加粗</b><i>斜体</i><u>下划线</u><s>删除线</s>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <h1>标题1</h1><h2>标题2</h2><h3>标题3</h3><h4>标题4</h4><h5>标题5</h5><h6>标题6</h6>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <p>段落标签</p>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--换行-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <br/>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--水平线-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <hr/>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

2. 特殊字符

内容	对应代码
空格
>	>
<	<
&	&
￥	¥
版权	©
注册	®

3. div与span标签

div标签用来定义一个块级元素，并无实际意义，主要通过CSS样式为其赋予不同的表现
span标签用来定义内联(行内)元素，并无实际意义，主要通过CSS样式为其赋予不同的表现

关于块级元素与行内元素：

所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行，如果单独在网页中插入这两个元素，不会对页面产生任何的影响，这两个元素是专门为定义CSS样式而生的。

关于标签嵌套：

通常块级元素可以包含内联元素或某些块级元素，但内联元素不能包含块级元素，它只能包含其它内联元素。
<p></p>标签不能包含块级标签，也不能包含自身标签

4. img标签

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <imgsrc="test.gif"alt="测试图片"title="测试图片"width="400"height="100">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

只支持.jpg .png .gif格式的图片
src="图片路径"：从盘符开始或以http://为开头的路径为绝对路径，站点内文件一般使用相对路径，站点外文件一般使用绝对路径
alt="图片未加载成功时的提示"
title="鼠标悬停提示文字"
width="宽" height="高"：这两个属性只定义一个时，会自动等比缩放

5. a标签（超链接）

所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序

URL是什么？

URL是统一资源定位器（Uniform ResourceLocator）的缩写，也被成为网页地址，是英特网上标准的资源的地址。

URL地址由4部分组成：

协议：http:// ftp://等
站点地址：可以是域名或IP地址
页面在站点中的目录：stu
页面名称，例如 index.html

各部分之间用"/"符号分开

href属性指定目标网页地址：

绝对URL：指向另一个站点（href="http://www.baidu.com")
相对URL：指向当前站点中确切的路径（href="index.html"）
锚URL：指向页面中的锚（需先定义好锚记），不要忘了加"#"号（href="#top"）

target指定链接的打开方法：

_blank：在新页面中打开
_self：在本页面中打开

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--指向站点外的地址，在新窗口打开-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <ahref="https://blog.csdn.net/qq_41964425"target="_blank">我是站点外地址</a>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--指向站点内的地址，在本窗口打开，并定义锚记：name="anchor"-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <ahref="test.gif"target="_self"name="anchor">我是站点内地址</a>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--锚链接，指向本页面定义的锚记，锚记前要加"#"-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <ahref="#anchor">我是锚链接</a>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

6. 列表

1）无须列表（项目列表）

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <ultype="disc">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <li>第一项</li>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <li>第二项</li>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </ul>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

type属性：

disc（实心圆点，默认值）
circle（空心圆圈）
square（实心方块）
none（无样式）

2）有序列表（编号列表）

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--数字编号列表，以数字3开始-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <oltype="1"start="3">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <li>list1</li>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <li>list2</li>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </ol>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

type属性：

1：数字列表，默认值（实测start属性只在数字列表生效）
A：大写字母
a：小写字母
I：大写罗马
i：小写罗马

3）标题列表

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <dl>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <dt>标题1</dt>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <dd>内容1</dd>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <dt>标题2</dt>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <dd>内容1</dd>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <dd>内容2</dd>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </dl>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    
                                        <!--网页显示结果：
                                    
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    标题1
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                        内容1
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    标题2
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                        内容1
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                        内容2
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    -->

7. 表格

表格是一个二维数据空间，一个表格由若干行组成，一个行又由若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容

表格最重要的目的是显示表格类数据，表格类数据是指最适合组织为表格格式（即按行和列组织）的数据

表格的基本结构：

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <table>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--表格标题-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <caption>我是标题</caption>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--thead：页眉-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <thead>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <th>姓名</th>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <th>性别</th>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <th>爱好</th>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </thead>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--tbody：表格的主体-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <tbody>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>zyk</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>boy</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>HTML</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>xhh</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>girl</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>HTML</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </tbody>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--tfoot：页脚-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <tfoot>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>页脚1</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>页脚2</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <td>页脚3</td>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </tr>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </tfoot>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </table>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

table属性：

border：表格边框
cellpadding：内边距
cellspacing：外边距
width：像素百分比（最好通过css来设置长宽）
rowspan：垂直方向合并行两行（例：<td rowspan="2"></td> 垂直合并两行，同理colspan）
colspan：水平方向合并

8. form

功能：

用于向服务器传输数据，从而实现用户与Web服务器的交互
能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等
还可以包含textarea、select、fieldset和label标签

表单属性：

属性	描述
accept-charset	规定在被提交的表单中使用的字符集（默认：页面字符集）
action	规定向何处提交表单的地址（URL）（提交页面）
autocomplete	规定浏览器应该自动完成表单（默认：开启）
enctype	规定被提交数据的编码（默认：url-encoded）
method	规定在提交表单是所用的HTTP方法（默认：GET）
name	规定识别表单的名称（对于DOM使用：document.forms.name)
novalidate	规定浏览器不验证表单
target	规定action属性中地址的目标（默认：_self）

表单元素：

基本感念：HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容. 表单一般用来收集用户的输入信息.

工作原理：访问者在浏览有表单的页面时，可填写必须的信息，然后按某个按钮提交，这些信息通过Internet传送到服务器上。服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误，当数据完整无误后，服务器反馈一个输入完成的信息.

Django接收上传文件代码：（略）

??????

9. input

<input>元素可根据不同的type属性，变换为多种形态：

type属性值	表现形态	对应代码
text	单行输入文本	<input type="text">
password	密码输入框	<input type="password">
date	日期选择框	<input type="date">
email	邮件输入框	<input type="email">
checkbox	复选框	<input type="checkbox" name="key" value="value" checked>
radio	单选框	<input type="radio" name="key" value="value" checked>
submit	提交按钮	<input type="submit" name="key">
reset	重置按钮	<input type="reset" value="命名">
button	普通按钮	<input type="button" value="命名">
hidden	隐藏输入框	<input type="hidden">
file	文本选择框	<input type="file">
image	图片按钮	<input type="image">

input详述：

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>input详述</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <formaction="http://127.0.0.1:8080"method="post"enctype="multipart/form-data">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--单行文本输入-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <labelfor="username">
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                        用户名：<inputtype="text"id="username"name="name"placeholder="请输入用户名"size="11"value="zyk">
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--当input写在label标签内时，可不指定for与id-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--name作为键，用户输入的内容作为值，上传的数据必须是一个完整的键-值对-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--placeholder是提示信息. size指定表元素的初始宽度. 这里的value为默认值-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--密码输入框-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>密码：<inputtype="password"name="passwd"placeholder="请输入密码"size="11"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--日期、邮件选择框-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>日期：<inputtype="date"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>邮件：<inputtype="email"placeholder="请输入邮件地址"size="11"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>爱好：
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--复选框-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>HTML<inputtype="checkbox"name="hobby"value="HEML"checked="checked"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>Python<inputtype="checkbox"name="hobby"value="Python"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>Linux<inputtype="checkbox"name="hobby"value="Linux"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--选择框不涉及用户输入信息，所以需要指定value(值). checked="checked"：指定默认选中，可简写checked-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <span>&nbsp;&nbsp;&nbsp;&nbsp;</span>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>性别：
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--单选框-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>男<inputtype="radio"name="gender"value="boy"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>女<inputtype="radio"name="gender"value="girl"></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>保密<inputtype="radio"name="gender"value="secret"checked></label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--提交按钮-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>
                                    <inputtype="submit"value="我是提交按钮">
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--这里的value是指定按钮在网页上的显示内容-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--重置按钮（重置按钮只有在和form标签一块使用时才生效）-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>
                                    <inputtype="reset"value="我是重置按钮">
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--普通按钮-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>
                                    <inputtype="button"value="我是普通按钮">
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--隐藏输入框（网页中不会显示）-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>
                                    <inputtype="hidden">
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--文本选择框（上传文件用的）-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>
                                    <inputtype="file"value="file">
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </form>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

重要属性说明：

1. name：表单提交时的"键"，注意和id的区别

2. value：表单提交时对应项的

type="button‘, "reset", "submit", "image"时，为按钮上显示的内容
type="text", "password", "hidden"时，为输入框的初始值
type="checkbox", "radio", "file"时，为相关联的值

3. checked：radio和checkbox默认被选中的项

4. readonly：text和password设置只读

5. disabled：禁用，所有表单均适用

10. select标签

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <formaction="">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <form>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--multiple：布尔属性，设置后为多选-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--<select name="city"  multiple>-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <selectname="city"id="city">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <optionvalue="xierqi"selected>西二旗</option>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <optionvalue="shangdi">上帝</option>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <optionvalue="wangjingxi"disabled>望京西</option>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </select>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </form>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </form>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

重要属性说明：

multiple：布尔属性，设置后为多选，否则默认单选
disabled：禁用
selected：默认选中该项
value：定义提交时的选项值

11. label标签

<label>标签为input元素定义标注（标记）
<label>标签不会向用户呈现任何特殊效果

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <formaction="">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--指定for与id写法-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <labelfor="username">用户名</label>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <inputtype="text"id="username"name="username"/>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <!--嵌套写法-->
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <label>密码
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <inputtype="password"/>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </label>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </form>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

12. textarea多行文本

                
                    
                        
                            
                                
                                
                            
                            
                                
                                    <!DOCTYPE html>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <htmllang="zh-CN">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <metahttp-equiv="content-Type"charset="UTF-8">
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <title>css样式优先级</title>
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </head>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    <textareaname="memo"id="memo"cols="30"rows="10">
                                    </textarea>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </div>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </body>
                                
                            
                        
                        
                            
                                
                                
                            
                            
                                
                                    </html>

属性：

name：名称
rows：行数
cols：列数
disabled：禁用

原文: http://blog.gqylpy.com/gqy/235

原文：https://www.cnblogs.com/bbb001/p/11362984.html

内容总结

以上是互联网集市为您收集整理的【前端基础之HTML】 -- 2019-08-16 11:49:14全部内容，希望文章能够帮你解决【前端基础之HTML】 -- 2019-08-16 11:49:14所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1184411.html

来源：【匿名】

【上一篇】暴风雨的礼物·Html&Css07：背景【下一篇】PHP 和 HTML

更多 ►

【【前端基础之HTML】 -- 2019-08-16 11:49:14】教程文章相关的互联网学习教程文章

HTML5基础与列表、表格【代码】【图】

HTML是标记语言，HTML由一套标记标签（Markup Tag）组成，在制作网页时，使用标记标签来描述网页网页编辑工具：记事本、Dreamweaver、UltraEdit、HBuilder、WebStorm等。标签都是成对出现的，有一个开头标记就对应地有一个结束标记，以“< >”开始、以“< / >”结束，要求成对出现，标签之间有缩进，体现层次感，方便阅读和修改。 HTML5的基本结构分为两部分：头部（head）和主体（body）。 @ <head> ... </head> 网页...

《HTML5与CSS3基础教程》第4-5章

第四章文本1、<p></p>2、<small></small>表示细则一类的旁注，通常包括免责声明、注意事项、法律限制、版权信息等。3、<strong></strong>表示内容的重要性，以粗体显示，一个strong可以嵌套在另一个strong中；<em></em>表示内容的着重点，以斜体显示，一个em可以嵌套在另一个em中。<b></b>用于如文档摘要里的关键词、评论里的产品名、基于文本的交互式软件中指示操作的文字、文章导语等；<i></i>用于如分类名称、技术术语、外语里...

小强的HTML5移动开发之路（33）—— jqMobi基础【图】

一、什么是jqMobijqMobi是由appMobi针对HTML5浏览器和移动设备开发的javascript框架，是个极快速的查询选择库，支持W3C查询。版本jqMobi源码最初在2012年1月份推出，基于MIT/X11许可证，托管在GitHub上，开发者可参与并通过插件不断改进该框架。2012年3月13日，jqMobi 1.0版本正式发布。现在最新的版本是jqMobi 2.0jqMobi的特点速度快适用于智能手机和平板电脑提供了60多个API调用与jQuery相同的语法插件可扩展体积更小英特尔收购英...

基础复习之HTML （doctype、标签语义化、meta标签、块级元素与行内元素）【代码】

这段时间找实习看的眼花缭乱的，然后也被拒得落花流水，啊哈哈～还是写博客好玩儿～嘿嘿，下面正题一、doctype标准模式 (Full Standards Mode)接近标准模式 (Almost Standards Mode)混杂模式 (Quirks Mode)以上三种模式是浏览器在解析CSS时的三种工作模式，混杂模式是依据旧式的、非标准的CSS规则来渲染网页；标准模式则是遵循W3C标准去解析CSS的，接近标准模式与标准模式实际上差异并不大；关于Firefox中DTD与浏览器工作模式的详细...

HTML基础2--文档结构及注释【代码】【图】

HTML文档先来看一段基础的HTML页面结构<!DOCTYPE html> <html> <head><meta charset="UTF-8"><title>伊洛Yiluo</title> </head> <body><p>公众号：伊洛的小屋</p> </body> </html> : 声明文档类型 : 元素, 根元素 : 元素. 一个容器，包含在HTML页面中但不想在HTML页面中显示的内容 : 设置文档使用utf-8字符集编码 : 页面标题 : 元素，所有显示在页面上的内容简单的应用一下<!DOCTYPE html> <html> <head><meta charset="UTF-8"><...

HTML基础要点归纳【代码】【图】

一、开发环境　　常用的HTML编辑器有Sublime Text、Hbuild、Dreamweare、以及vs code、pycharm等都可以。我目前在用的就是Sublime text3和Hbuild两款。二、HTML文档结构 1 2<!DOCTYPE html> 3 4<html lang="en"> 5 6<head> 7 8<meta charset="UTF-8"> 9<title>Document</title>10</head>1112<body>1314</bo...

HTML5 Canvas绘图系列之一：圆弧等基础图形的实现【代码】【图】

之前的一个微信项目已经要结项了，最近整理一下项目中使用较多的canvas画图方面的知识吧，打算写个3,4篇的样子。本篇主要介绍基础操作和弧线画法。之后再写一下趋势图，直方图，文本图像处理的。言归正传，canvas元素本身是一个容器元素，提供一块画布，用脚本来实现想要画什么。为了演示使用，我们新增一个空的aspx页。首先，我们新增一个canvas元素： <canvas id="myConvas" style="display:block; margin:...

html基础

Html基础2016-11-16 11:32:14主要知识点有：1 Html介绍2 html结构3 html标签和元素4 html属性5 html常用标签6 html文本格式化7 html样式8 html链接9 html表格（table tr td）10 html图像11 html列表12 html布局13 html表单 1 Html介绍Html是一种用来描述网页的语言，英文全称为Hyper Text Markup Language,即超文本标记语言。页面内可以包含图片、链接、音乐等非文字元素。Html是一种标记语言，通过标记标签来描述网页，html文件后...

html基础4-表单/下拉列表【代码】【图】

最常见的就是注册/登陆页面，就是一个表单主要用于收集用户信息，和服务器交互 input标签，和所有输入相关的都是input，单标记账号密码输入框，按钮，单选，复选输入型：text/password按钮型：submit reset button(配合js自定义使用) 起的是按钮的作用能看到，submit按钮内置了提交功能，用的是get方法 <body><h1 align="center">注册信息</h1><form><!-- 姓名：<input type="text" name="">...

html基础回顾【代码】【图】

一 Html<head>标签：1<head>2<title>网页标题</title>3<meta>4<link>5<style>...</style>6<script>...</script>7</head><body>标签： 1<p>段落</p> 2<h1>标题</h1> 3 4//需要强调的文本5<em>需要强调的文本</em> 6<strong>需要强调的文本</strong> 7 8 //设置单独样式具体在头文件中<style>设具体样式9<span>文本</span> 1011<q>引用文本</q> 12<blockquote>引用文本</blockquote> 13<br /> //空标签作用同回车 14<hr /> //添...

HTML5基础 a id 本网页内的锚点跳转【代码】【图】

OS : Windows 10browser : Chrome 83.0.4103.116editor : Visual Studio Code 1.46.1 typesetting : Markdown html <!DOCTYPE html> <html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title> </head><body><a href="#websiteName">锚点-网站名称</a><br /><a href="#blogName">锚点-博客名...

「HTML+CSS」零基础入门精英课03【图】

form表单必须有数据名和值　　input里的type/name/value/checkbox/radio <select name="province"> <option >北京</option> <option >天津</option> <option >京都</option> </select> <br> <button type="submit" >提交</button> <br> </form> 结构样式行为相分离css　　　　行间样式,页面级引入,外部引入 256进制原文：https://www.cn...

html基础--meta标签【代码】

1.meta标签1.1. 设置编码 <meta charset="UTF-8">1.2.自动刷新<meta http-equiv="Refresh" Content="3">1.3.自动跳转<meta http-equiv="Refresh" Content="3;Url=http://www.baidu.com">1.4.关键字<meta name="keywords" content="关键字1，关键字2，关键字3"/>1.5.描述信息<meta name="description" content="详细描述信息"/> 1.6IE兼容<meta http-equiv="X-UA-Compatible" content="IE=IE9;IE=IE8;" />原文：http://blog.51cto.c...