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. linux无法安装应用

    需安装flex 和bison 一般需要更新软件源 root权限 下 apt-get update apt-get upgrade 如果出现以下问题,先查看网络是否畅通: ping 192.168.0. ...

  2. 分库分表(4) ---SpringBoot + ShardingSphere 实现分表

    分库分表(4)--- ShardingSphere实现分表 有关分库分表前面写了三篇博客: 1.分库分表(1) --- 理论 2.分库分表(2) --- ShardingSphere(理论) 3.分库 ...

  3. 纯CSS焦点轮播效果-功能可扩展

    个人博客: http://mcchen.club 纯CSS3实现模拟焦点轮播效果,支持JQ等扩展各项功能.废话少说,直接贴代码. <!DOCTYPE html> <html> ...

  4. 使用jsr303实现数据校验

    除了前端的js验证,服务端也可加入数据验证,springmvc中有两种方式可以验证输入 利用spring自带的验证框架 利用jsr303实现 jsr303实现数据校验 jsr303是java为bean ...

  5. 500行代码，教你用python写个微信飞机大战

    这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手. 帮助蹲厕族.YP族.饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手 / 右 ...

  6. COGS 2096. 不平凡的许愿树

    [题目描述] noip要到了,大家来到许愿树前.这个许愿树不仅仅是许愿树,还有未卜先知的功能.众OIer问许愿树:“不平凡的许愿树,CCF告诉我们noip中会有两道题目从Openjudge上选择,你能 ...

  7. 1046 Shortest Distance (20 分)

    1046 Shortest Distance (20 分) The task is really simple: given N exits on a highway which forms a si ...

  8. 过waf实战之文件上传bypass总结

    这里总结下关于waf中那些绕过文件上传的姿势和尝试思路 环境 apache + mysql +php waf:某狗waf 这里写了一个上传页面 <html> <body> &l ...

  9. Oracle数据库提权(低权限提升至dba)

    0x01 Oracle存储过程”缺陷” 在 Oracle 的存储过程中,有一个有趣的特点:运行权限.运行权限分为两种,definer 和 invoker. definer 为函数创建者的权限,而 in ...

  10. boost::multi_index 多索引容器

    #include "stdafx.h" #include <string> #include <boost/multi_index_container.hpp&g ...