HTML

时间：2017-08-17 22:50:06 阅读：403 评论：0 收藏：0 [点我收藏+]

一、认识浏览器

浏览器就是接收浏览着的操作，然后帮浏览者去web服务器请求网页内容(html格式返回),然后展现成人眼能够看得懂的可视化页面的软件。
IE==浏览器?IE是浏览器的一种，还有Firefox、Opera、Chrome等，注意遨游浏览器、搜狗浏览器、360浏览器等并不是独立于IE的浏览器，其内核还是IE内核，只不过是换了一个外壳而已。
Ie(Ie内核) 火狐（Gecko）谷歌（webkit） opear(Presto)

二.对WEB标准以及W3C的理解与认识

标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性；

三、HTML编程

html全称：Hypertext Markup Lanuage，超文本标记语言。
版本历史：html1.0 1993年6月发布，html2.0 1995年发布，html3.2 1996年发布，html4.0 1997年发布，html 4.01 1999年发布，html5 目前仍未草案。
html特点;简易性，可扩展性和平台无关性。

四、XHTML和html区别

html的语法要求比较松散，对于网页编写者来说比较方便，但是对于机器来说就比较麻烦，对于传统的计算机来说，还有能力兼容松散语法，但对于许多其他设备，如手机，难度就比较大，因此产生了DTD定义规则，语法要求更加严格的xhtml。
xhtml的目标是取代html，xhtml是更严格更纯净的html版本，它与html4.01几乎是相同的。
HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语言
最主要的不同：
XHTML 元素必须被正确地嵌套。
XHTML 元素必须被关闭。
标签名必须用小写字母。
XHTML 文档必须拥有根元素。

五、html运行步骤

技术分享

客户端在浏览器里面输入网址，向服务端发送请求。
服务端将客户端发送来的请求交给iis处理（网站部署在iis上）。
iis响应服务端的请求，以html的形式返回给客户端。

六、html编辑

html文件以.html或.htm结尾。
一个完整的页面文件包括：文件声明部分和正文部分。
声明部分：目的是告诉浏览器使用相应的方式加载并显示该网页
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
正文部分：代表实际的web页面内容<html><head></head><body></body></html>

七、html语法

标签：带有特殊含义的网页标记元素，格式：<开始标记>标记体</结束标记>，如<p>你好</p>。
特点：不区分大小写。
分类：双标签如<p>你好</p>，标签式成对出现。单标签如<br/>
属性：用于定义标签的属性特征，格式：<开始标签属性="属性值">标签体<结束标签>，如<font color="red">你好</font> 。

八、html的注释

/*我的注释*/

九、头部标签

<meta>标签
- <metahttp-equiv="Content-Type" content="text/html;charset=utf-8"/>指定网页编码
- <meta http-equiv="Refresh"content="3" /> 三秒钟后刷新此网页
- <meta http-equiv="Refresh"content="3;url=http://www.rupeng.com" /> 三秒钟后重定向到新网页。发帖成功后提示“发帖成功，即将转向帖子查看页面”
- <meta http-equiv="Cache-Control"content="no-cache" /> 禁止浏览器缓存页面

十、文本标签

标题标签（h1~h6）
段落标签（p）
段落缩进标签（blockquote）
上下标签（sup、sub）
换行（br）
线条(hr)
文本列表(ol、ul)
字体标签(font)
行内标签(span)
表格标签(table、tr、td)
预文本标签(pre) 文本通常会保留空格和换行符，文本也会呈现为等宽字体

十一、转义符

一些字符在html中拥有特殊的含义，比如小于号(<)用于定义 HTML 标签的开始。如果我们希望浏览器正确地显示这些字符，我们必须在 HTML 源码中插入转义符。
分类

技术分享

十二、html链接和图像

链接标签<a href="http://www.baidu.com" target="_black">百度</a>。
图像标签 <img src="" title="" width=""/> ,alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。

十三、html多媒体

音视频音视频标签格式： <embed></embed> ，属性：src 、autostart 、loop和hidden。
元素飘动 marquee标签，属性：direction 、loop和scrollamount。

十四、htnl框架标签

iframe标签
frameset标签

十五HTML、表单标签

<form></form>属性

技术分享

表单元素

技术分享

其他标签
- <textarea>多行文本（也是表单元素）：<textarea>文本</textarea>，cols、rows属性表示行数和列数
- <label>：在<input type="text">前可以写普通的文本来修饰，但是单击修饰文本的时候input并不会得到焦点，而用label则可以，for属性指定要修饰的控件的id，fieldset:GroupBox效果，将控件划分一个区域，看起来更规整

</fieldset>

十六.实用小诀窍

<meta name="keyword" content="关键词"> SEO优化搜索权重比较高
<meta name="description" content="网站详情"> SEO优化搜索权重比较高
<meta http-equiv="X-UA-Compatible" content="IE=edge"> 以IE高版本渲染，360极速模式和兼容模式的坑
<link rel="shortcut icon" href=" icon图标地址 "> 网站title边上小图标的设置

HTML

标签：重定向 ml2 客户 ram 规则定向 oop start inpu

原文地址：http://www.cnblogs.com/caiyc/p/7384575.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行