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. 教你使用Cocos Creator制作国旗头像生成器，附源码！

    关注「编程小王子」公众号回复[头像生成器]获得源码! 下面我重点介绍一下Cocos Creator H5头像生成的实现方法: 获取手机相册图片 在 Cocos Creator 中加载相册图片 Coco ...

  2. 分库分表(3) ---SpringBoot + ShardingSphere 实现读写分离

    分库分表(3)---ShardingSphere实现读写分离 有关ShardingSphere概念前面写了两篇博客: 1.分库分表(1) --- 理论 2. 分库分表(2) --- ShardingS ...

  3. spring5 源码深度解析----- Spring事务 是怎么通过AOP实现的？（100%理解Spring事务）

    此篇文章需要有SpringAOP基础,知道AOP底层原理可以更好的理解Spring的事务处理. 自定义标签 对于Spring中事务功能的代码分析,我们首先从配置文件开始人手,在配置文件中有这样一个配置 ...

  4. Java读源码之Thread

    前言 JDK版本:1.8 阅读了Object的源码,wait和notify方法与线程联系紧密,而且多线程已经是必备知识,那保持习惯,就从多线程的源头Thread类开始读起吧.由于该类比较长,只读重要部 ...

  5. SpringCloud-动态配置变化监控-获取变化(支持Config、Nacos)

    SpringCloud-动态配置变化监控-获取变化(支持Config.Nacos) qq交流群: 812321371 微信交流群: MercyYao 简介 配置中心有原生的 SpringCloud C ...

  6. 章节十七章、2- 给执行失败的case截图

    一.案例演示 1.首先我们把截图的方法单独进行封装方便以后调用. package utilities; import java.io.File; import java.io.IOException; ...

  7. 超级好用的c#解析JSON

    分享c# 一款非常好用的操作Json的dll,litjson VS2017 NuGet 搜索litjson,如下图: 例子: 在项目中新建一个txt文本文件,内容如下: [ { , "use ...

  8. Redis 3.0中文版学习(一)

    网址:http://wiki.jikexueyuan.com/project/redis-guide/entry-to-master-a.html http://www.yiibai.com/redi ...

  9. margin与padding的区别与用法—以及出现bug的解决方法

    margin(外边距) padding(内边距)   一.语法结构 (1)margin-left:10px; 左外边距 (2)margin-right:10px; 右外边距 (3)margin-top ...

  10. 【Redis】Could not get a resource from the pool 实乃集群配置问题

    先说些题外话~自上次确诊为鼻窦炎+过敏性鼻炎到现在已经一个月了,最初那会,从下午到晚上头疼难忍.大概是积劳成疾,以前流鼻涕.打喷嚏的时候从来没有注意过,结果病根一下爆发. 关键在于锁定问题,开始治疗一 ...