教你最快html入门

来源：互联网发布：剑三御姐捏脸数据下载编辑：程序博客网时间：2024/05/01 21:35

不管是什么类型的文件，都需要规范，这样我们写出来的标签才能被浏览器或者其他解析器解析出来，html文档类型有三种。
1.html 5 :<!DOCTYPE html>
2.HTML 4.01:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
3.XHTML 1.0:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
html的基本结构如下:
<html>
<head>
<title></title>
</head>
<boby>
</boby>
</html>
这是它的基本结构，当然我们要想实现很多功能，单单这样是不够的，首先我们应该跟浏览器打交道，还要跟搜索引擎打交道。所以我们应该会有这方面的标签，没错，我们需要在head中加入一些标签才能实现上面的功能。
1 .http-equiv对应浏览器
<meta http-equiv="content-type" content="text/html" charset="gb2312"/> 向浏览器表明了要以text显示以及编码为gb2312
<meta http-equiv="refresh" content="3" url="http://www.baidu.com"/>表示在本页面三秒后跳转到百度
<meta http-equiv="prama" content="no-cache" />表示一旦离开该网页，就不能从本地缓存中阅读该页面内容
<meta http-equiv="expries" content="GMT格式时间"/>表示过了指定时间在本地就过期了
<meta http-equiv="set-cookies" content="GMT格式时间"/>表示过了规定时间该cookies就被删除了

2.name对应搜索引擎
<meta name="keywords" content="html,javascript,css"/>等于是告诉搜索引擎的该网页的关键字是什么，方便搜索引擎根据关键词找到该网页
<meta name="description" content="xx某某网页是教我们如何能快速对html上手，并能写出自己想要设计的网页。">
<meta name="generator" content="dw"/>表示开发该网页的工具
<meta name="author" content="lwy"/>表示开发该网页的作者
<meta name="copyright" content="xx"/>表示已经验证过该网页的机构
＜meta name= "Robots " content= "all|none|index|noindex|follow|nofollow "＞表示该网页是否允许搜索引擎检索和里面的链接是否被查询。
以上就是我们常用的一些头信息设置，不常用的就不写了，毕竟幅度有限。

3 接着我们讲boby里面常用的标签：
<p>段落
<hr>横线
<h#>标题
<br>换行
<font>字体
<table>表格
<tr>行
<td>列
<form>表单
action:
method:get|post
target:_blank新窗口 _self本窗口_parent父窗口_top浏览器窗口

<input>输入
type:text button|submit|reset|file|hidden|image|radio|checkbox|password
name: checked
value:
<textarea>
cols:
rows:
name:
wrap:
<select>下拉条默认单选
name:
size:
multiple
<option value="xx" selected</option>
<img>
src:
arl:
height:
width:
border:
align:
<a>链接
href:
name:
<div>块换行
<span>内联不换行
<ol>菜单
<ul>
<li>菜单项
<frameset>框架
<frame>页面

html 5增加了一些新的特性，也就是一些新的标签。
<video> 视频
<audio> 音频
<img draggable="true" />拖放
<canvas>画布
<svg> SVG放大放小图片不失真
地理定位：定位
Web 存储：可以替换cookies 可以不向服务器请求数据
应用缓存：可以缓存网页内容
离线浏览 - 用户可在应用离线时使用它们
速度 - 已缓存资源加载得更快
减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。
Web Workers：
当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。
服务器发送事件：
Server-Sent 事件指的是网页自动获取来自服务器的更新。

这就是我们常用的标签，具体的属性我们不讲。因为属性的创建一般是通过css来实现的.

0 0