学习笔记01HTML

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> 平方,显示102
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>

时间: 2024-08-10 05:37:34

学习笔记01HTML的相关文章

vector 学习笔记

vector 使用练习: /**************************************** * File Name: vector.cpp * Author: sky0917 * Created Time: 2014年04月27日 11:07:33 ****************************************/ #include <iostream> #include <vector> using namespace std; int main

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则

Caliburn.Micro学习笔记(一)----引导类和命名匹配规则 用了几天时间看了一下开源框架Caliburn.Micro 这是他源码的地址http://caliburnmicro.codeplex.com/ 文档也写的很详细,自己在看它的文档和代码时写了一些demo和笔记,还有它实现的原理记录一下 学习Caliburn.Micro要有MEF和MVVM的基础 先说一下他的命名规则和引导类 以后我会把Caliburn.Micro的 Actions IResult,IHandle ICondu

jQuery学习笔记(一):入门

jQuery学习笔记(一):入门 一.JQuery是什么 JQuery是什么?始终是萦绕在我心中的一个问题: 借鉴网上同学们的总结,可以从以下几个方面观察. 不使用JQuery时获取DOM文本的操作如下: 1 document.getElementById('info').value = 'Hello World!'; 使用JQuery时获取DOM文本操作如下: 1 $('#info').val('Hello World!'); 嗯,可以看出,使用JQuery的优势之一是可以使代码更加简练,使开

[原创]java WEB学习笔记93:Hibernate学习之路---Hibernate 缓存介绍,缓存级别,使用二级缓存的情况,二级缓存的架构集合缓存,二级缓存的并发策略,实现步骤,集合缓存,查询缓存,时间戳缓存

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------

Activiti 学习笔记记录(三)

上一篇:Activiti 学习笔记记录(二) 导读:上一篇学习了bpmn 画图的常用图形标记.那如何用它们组成一个可用文件呢? 我们知道 bpmn 其实是一个xml 文件

HTML&CSS基础学习笔记8-预格式文本

<pre>标签的主要作用是预格式化文本.被包围在 pre 标签中的文本通常会保留空格和换行符.而文本也会呈现为等宽字体. <pre>标签的一个常见应用就是用来表示计算机的源代码.当然你也可以在你需要在网页中预显示格式时使用它. 会使你的文本换行的标签(例如<h>.<p>)绝不能包含在 <pre> 所定义的块里.尽管有些浏览器会把段落结束标签解释为简单地换行,但是这种行为在所有浏览器上并不都是一样的. 更多学习内容,就在码芽网http://www.

java/android 设计模式学习笔记(14)---外观模式

这篇博客来介绍外观模式(Facade Pattern),外观模式也称为门面模式,它在开发过程中运用频率非常高,尤其是第三方 SDK 基本很大概率都会使用外观模式.通过一个外观类使得整个子系统只有一个统一的高层的接口,这样能够降低用户的使用成本,也对用户屏蔽了很多实现细节.当然,在我们的开发过程中,外观模式也是我们封装 API 的常用手段,例如网络模块.ImageLoader 模块等.其实我们在开发过程中可能已经使用过很多次外观模式,只是没有从理论层面去了解它. 转载请注明出处:http://bl

[原创]java WEB学习笔记48:其他的Servlet 监听器:域对象中属性的变更的事件监听器 (3 个),感知 Session 绑定的事件监听器(2个)

本博客为原创:综合 尚硅谷(http://www.atguigu.com)的系统教程(深表感谢)和 网络上的现有资源(博客,文档,图书等),资源的出处我会标明 本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 ---------------------------------

java/android 设计模式学习笔记(10)---建造者模式

这篇博客我们来介绍一下建造者模式(Builder Pattern),建造者模式又被称为生成器模式,是创造性模式之一,与工厂方法模式和抽象工厂模式不同,后两者的目的是为了实现多态性,而 Builder 模式的目的则是为了将对象的构建与展示分离.Builder 模式是一步一步创建一个复杂对象的创建型模式,它允许用户在不知道内部构建细节的情况下,可以更精细地控制对象的构造流程.一个复杂的对象有大量的组成部分,比如汽车它有车轮.方向盘.发动机.以及各种各样的小零件,要将这些部件装配成一辆汽车,这个装配过