1.五大浏览器：
IE，FireFox，Chrome，Opera，Safari(Apple)
所有浏览器都是这五大浏览器中作为核心引擎的。
Trident(引擎)：就是IE浏览器的WebBrowser控制。
WebKit(引擎)：很多非IE内核都使用，如Chrome，Safari
Cecko(引擎)：用于FireFox
PreSto(引擎)：用于Opera
浏览器的功能：通信功能，解析Html，解析CSS，解析并执行Js
*http://www.webkit.org开源浏览器代码。
*CSS兼容性问题是最多的。

2.动/静态页面
静态页面：用户请求该网页的时候，服务器直接将该网页文件从磁盘中读取并返回给客户。
动态页面：用户请求该网页的时候，服务器先执行该网页中的C#代码，然后生成Html代码再返回给浏览器。
动态页面有：aspx,jsp,php。
静态Html页面:
<html>
<head>
<title>在浏览器上的框看到</title>
</head>
<body>
显示部分
</body>
</html>

3.html标签

*标签也有属性，如：bgcolor = "Red"
*doctype：用来告诉浏览器应该按照html那个版本来解析，比如：html+,html2.0,html3.2,html4.0等等。
在<html xmlns="http://www.w3.org/1999/xhtml(或html1,html2.0)"
*dom 文本对象模型，其实就是将html标签变为对象而已。

4.常用标签
<h1>~<h6>标签，1级最大，6级最小，会自动换行。
<br/>回车，常用于长文本换行，相当于/r/n
<p></p>段落变迁，除了能换行外，还能隔开一行。
<center></center>居中，通常用CSS代替，少用
<b></b>加粗，通常不用,用CSS代替。
<u></u>下划线
<i></i>斜体
<strong></strong>加粗
<em></em>斜体 （加粗和斜体都是内含语意的东西）
10<sup>2</sup> 平方，显示10²
H<sub>2<sub>0 H2O水
<font color="" size></font>少用，控制字体
*字体下载到C:/window/fonts
<hr/>水平线：一条长线以隔开内容
△<pre></pre>：源代码怎么写（包含有换行，空格），那么浏览器就怎么写。（源代码不用<pre>那么直接回城和空格都不行，必须用<br/>和nbsp来代替）

5.转意符
“&”的转义符&amp

6.<a>标签
<a>标签，超链接标签，href属性：设置请求那个页面；target属性：用_blank值，就是在新窗口中打开;用_self就是原地打开。
<a href="/target/xxxx.axps" title="tips"><img src = "/img/xxx.jpg"></a>
*href="../xxx.html"，就是本页面在服务器中的位置，再回到上一层的意思。
回到顶部或页面某处：
1.在某个位置设置一个<a name/id="2t"/>标记
2.在其他地方<a href="#2t"/>回到在上边位置的2t
3.在onclick = "return confirm("是否XXX");"来决定是否要发起请求。

7.<img>标签
src属性：路径
alt属性：图片不显示时，或者手机智能无图时，要看到的文字。
with属性：px是像素，em是比例

8.<ul> 无序列表
属性type="cirle"或squre
<ul>
<li>....</li> 显示为 □....
<li>....</li>
<ul>

9.<ol> 有序刘表
属性type="1"或a,或A,或i，能设置列表项以1,2,3,4或A,B,C,D开头
<ol>
<li>....</li> 显示为 1.....
</ol>

10.表格
<talbe>
<tr> 行
<td>列
</td>
</tr>
</table>
属性：height:宽，cellspacing:单元格之间的间隔，cellpadding:单元格内的内容与边框的间隔。

<td>属性 clospan：跨多少列 rowspan：跨多少行
Halign和Valign对齐

<table>
<thead>表头
<tr><td>属性1</td><td>属性2</td></tr>
</thead>
<tbody>内容
<tr><td>...</td><td>...</td></tr>
<tr><td>...</td><td>...</td></tr>
</tbody>
<tfoot>表尾
<tr><td>...</td><td>...</td></tr>
</tfoot>
</talbe>

11 <imframe>

在一个页面中，嵌套另一个页面，使用JS代码，动态设置他的src属性，就能实现类似cs版面的切换办法。

学习笔记01HTML的更多相关文章

  1. HTML学习笔记01-HTML简介

    主要是为了做接口测试,试着自己写爬虫,所以学习一下HTML一些基础的东西,方便用来解析网页.学习内容主要来自菜鸟教程的HTML教程,W3school的HTML 超文本标记语言(英语:HyperText ...

  2. web前端学习之旅笔记01--HTML

    web前端学习之旅笔记01--HTML HTML最容易上手,但也易忘,实际开发中有时需要查阅官方文档,小伙伴们别忘了哟! HTML 教程 (w3school.com.cn) HTML是网页的骨架负责页 ...

  3. js学习笔记：webpack基础入门（一）

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  4. PHP-自定义模板-学习笔记

    1.  开始 这几天,看了李炎恢老师的<PHP第二季度视频>中的“章节7:创建TPL自定义模板”,做一个学习笔记,通过绘制架构图.UML类图和思维导图,来对加深理解. 2.  整体架构图 ...

  5. PHP-会员登录与注册例子解析-学习笔记

    1.开始 最近开始学习李炎恢老师的<PHP第二季度视频>中的“章节5:使用OOP注册会员”,做一个学习笔记,通过绘制基本页面流程和UML类图,来对加深理解. 2.基本页面流程 3.通过UM ...

  6. 2014年暑假c#学习笔记目录

    2014年暑假c#学习笔记 一.C#编程基础 1. c#编程基础之枚举 2. c#编程基础之函数可变参数 3. c#编程基础之字符串基础 4. c#编程基础之字符串函数 5.c#编程基础之ref.ou ...

  7. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  8. seaJs学习笔记2 – seaJs组建库的使用

    原文地址:seaJs学习笔记2 – seaJs组建库的使用 我觉得学习新东西并不是会使用它就够了的,会使用仅仅代表你看懂了,理解了,二不代表你深入了,彻悟了它的精髓. 所以不断的学习将是源源不断. 最 ...

  9. CSS学习笔记

    CSS学习笔记 2016年12月15日整理 CSS基础 Chapter1 在console输入escape("宋体") ENTER 就会出现unicode编码 显示"%u ...

随机推荐

  1. 二 mysql库表的详细操作

    目录 1.库操作 1.创建数据库 2.数据库相关操作 2.表操作 1.存储引擎 2.表介绍 3.创建表 4.查看表结构 5.MySQL的基础数据类型 6.表的完整性约束 7.修改表 alter tab ...

  2. linux shell 统计当前目录下的文件个数

    shell 统计当前目录下文件个数,使用管道组合命令: ls -1 | wc -l 解释: ls -1 表示一行一个列出文件名. wc -l 表示打印统计的行数. 两个命令通过管道连在一起表示打印列出 ...

  3. PHP高效产生m个n范围内的不重复随机数（m<=n)

    该算法非常巧妙的取随机数的位置(数组的下标),替代取随机数本身,每次取到一个随机数之后,就将其在取值范围中排除,下一次仅会在剩下的数字中取,一次遍历就可以完成随机数的选取,效率相当高. functio ...

  4. MySQL 配置环境

    MySQL 显示 Can't connect to MySQL server on 'localhost' (10061)怎么解决 在cmd中配置启动sql后,找不到密码.然后怎么也没办法弄,不知道怎 ...

  5. MyBatis拦截器自定义分页插件实现

    MyBaits是一个开源的优秀的持久层框架,SQL语句与代码分离,面向配置的编程,良好支持复杂数据映射,动态SQL;MyBatis 是支持定制化 SQL.存储过程以及高级映射的优秀的持久层框架.MyB ...

  6. SQL创建和调用有默认值的存储过程

    先创建一个有默认值的存储过程 create procedure usp_unpass ), --有默认值的参数放到最后 as select @score go 该存储过程有2个参数 ,其中@score ...

  7. 快速入门Maven（三）

    一.整合ssh框架的Maven项目 1.传递依赖 只添加了一个struts2-core依赖,发现项目中出现了很多jar, 这种情况叫 依赖传递 2.依赖版本冲突的解决 (1)第一声明优先原则(就是谁写 ...

  8. App元素定位

    1.元素定位(采用Appium-desktop自带的工具) 1.1将初始化参数复制进去校验json格式正确且保存后,点击start session 初始化参数来源如下: # 定义启动设备需要的参数 d ...

  9. oracle 分区表(子分区)收缩笔记

    思路1.首先移动子分区到别的表空间.2.收缩数据文件.3.再把子分区移回原表空间. ---------------------------------------------生成发送报告移动子分区语句 ...

  10. [LUOGU1272] 重建道路 - 树形背包

    题目描述 一场可怕的地震后,人们用N个牲口棚(1≤N≤150,编号1..N)重建了农夫John的牧场.由于人们没有时间建设多余的道路,所以现在从一个牲口棚到另一个牲口棚的道路是惟一的.因此,牧场运输系 ...