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. Oracle 的 rownum 问题

    对于 Oracle 的 rownum 问题,很多资料都说不支持>,>=,=,between...and,只能用以上符号(<.<=.!=),并非说用>,>=,=,be ...

  2. 教老婆学Linux运维（二）Linux常用命令指南【下】

    目录 tips:紧接上一篇,Linux常用命令指南[上] 2.4 文件解压缩 2.4.1 官宣的linux压缩工具:tar tar的基本命令格式为 tar [参数选项] [文件或目录] 我们前面学的命 ...

  3. ABP vNext 不使用工作单元为什么会抛出异常

    一.问题 该问题经常出现在 ABP vNext 框架当中,要复现该问题十分简单,只需要你注入一个 IRepository<T,TKey> 仓储,在任意一个地方调用 IRepository& ...

  4. PHP 微信机器人 Vbot 结合 Laravel 基础入门及实例

    新来了项目,需要能监听指定微信群的消息并进行转发.基于 PHP 7 的 web 微信机器人 Vbot 可以满足需求.Vbot 本质上就是实现了登录网页版微信来进行自动回复.群管理等等操作. githu ...

  5. 如何在linux下编写一个简单的Shell脚本程序

    在了解了linux终端和其搭配的基本Shell(默认为bash)的基础下,我们就可以在终端中用vi/vim编辑器编写一个shell的脚本程序了 Shell既为一种命令解释解释工具,又是一种脚本编程语言 ...

  6. Web Storage和cookie的区别——每日一题20190629

    Web Storage? 使用HTML5可以在本地存储用户的浏览数据. 使用的主要目的是为了克服Cookie带来的一些限制,当数据需要被严格控制在客户端上时,无需持续的将数据发回服务器 主要目标: 1 ...

  7. A-03 牛顿法和拟牛顿法

    目录 牛顿法和拟牛顿法 一.牛顿法详解 1.1 无约束最优化问题 1.2 牛顿法迭代公式 1.3 牛顿法和梯度下降法 二.牛顿法流程 2.1 输入 2.2 输出 2.3 流程 三.拟牛顿法简介 更新. ...

  8. sech和asech--双曲正割和反双曲正割函数

    sech和asech--双曲正割和反双曲正割函数 [功能简介]求变量的双曲正割和反双曲正割. [语法格式] 1．Y=sech(X) 计算X的双曲正割,sech(x)=1/cosh(x).X可以为向量. ...

  9. 阿里云 RDS 数据库又发 CPU 近 100% 的“芯脏病”

    最近云界发生了2件事,一件是大事,一件是小事,大事是阿里云与微软合作推出了开放应用模型 Open Application Model(OAM),小事是由于微软 SQL Server 在阿里云上水土不服 ...

  10. 微信小程序登入流程

    微信小程序登入流程 一.首先前端先传code去后端 wx.login({ success(res) { if (res.code) { //发起网络请求 wx.request({ url: app.g ...