Summary—【base】(HTML)
Html知识点:
1. 建议开发人员计算机基本配置
a) 显示所有文件的后缀名*
b) 文件的排列方式改为详细信息,并且名称一定要能够全部显示出来
c) 使用小的任务栏
d) 将常用的工具锁定到任务栏中
2. 浏览器与服务器
a) 浏览器与服务器之间存在交互关系
b) 浏览器的内核又被称之为渲染引擎
c) 目前比较主流的浏览器内核:
Trident:IE、猎豹浏览器、360浏览器、极速安全浏览器
Gecko:Firefox
WebKit:Safari
Blink:chrome 、opera
参考: http://blog.sina.com.cn/s/blog_6b2fcbbc0102uz1g.html
d) 浏览器与服务器之间进行交互时要经过
i. 浏览器发送请求报文
ii. 服务器处理请求报文,并返回响应报文
iii. 浏览器处理响应报文,并进行从上到下解析渲染
参考: http://www.cnblogs.com/biyeymyhjob/archive/2012/07/28/2612910.html
e) 服务器的基本能力:服务器要具备承担服务并保障服务的能力
f) 浏览器的作用: 浏览器是个显示网站服务器或文件系统内的文件,并让用户与此些文件交互的一种应用软件
g) 浏览器发送到服务器中请求报文的查看方法
i. 在网页中右键选择审查元素,在审查元素中找到Network,在network中找到headers,在headers中查看请求报文的具体信息
请求报文具体信息的查看:
http://jingyan.baidu.com/article/bea41d437e65bab4c51be6e5.html
3. 请求协议(http超文本传输协议)
a) 请求协议包括请求报文、响应报文和URL
b) 其中URL又分为协议名、服务器IP、端口号及请求的页面
4. 文件后缀名和打开方式:
a) 修改文件后缀名,文件的内容不会发生任何改变
b) 后缀名是用来决定文件的打开方式的
c) 修改某种后缀名的打开方式步骤: 文件右键-打开方式-勾选所有的该类程序都已这种方式打开-确定
5. 超级文本标记语言Html(HyperText Markup language)
a) Html是一种在浏览器上运行的一种标记语言
b) Html的作用就是给文本加上含有语义的标签
c) 结构:
<!DOCTYPE>
<html>
<head>
<meta>
<title></title>
</head>
<body></body>
</html>
d) Html中所有的标签都是用<>包裹起来的
e) 文档:html,Xhtml ,html5
6. 标签
拓展:Html5中标签语义
http://www.zhangxinxu.com/wordpress/2011/11/i-b-em-strong-html5-%E8%AF%AD%E4%B9%89/
a) H系列标签
i. 作用:给某段话以标题的形式显示
ii. H系列标签包括{ h1、h2、h3、h4、h5、h6 }
iii. 一个页面中只能有一个h1标签
b) P标签(段落标签)
i. 作用:使某一行文字成为一个段落
ii. P标签默认独占整行,且与上下内容之间存在距离
c) Hr标签
i. 作用:在页面中显示一条横线
ii. Hr标签默认占整行
d) Br标签
i. 作用:在页面中进行换行
e) Strong标签
i. 作用:突出某段话的重要性,加重段落语气
f) Ins标签
i. 作用:给文本加上下划线
g) Em标签
i. 作用:突出某个词或短语的重要性,用于加重段落中比较重要的内容语气
h) Del标签
i. 作用:给文本加上删除线
i) 不建议使用的标签{b、u、i、s}
j) Img标签
i. 作用:在页面中显示一张图片
k) a标签
i. 作用:超链接到其他网页
ii. 超链接到本网页中的某个位置(锚点)
iii. 不跳转(#)
iv. 跳转到其他网页中的某个位置
v. 可以进行下载(不推荐)
7. Sublime与windows中常用的快捷键 在这里不一一列举了
a) Ctrl+A/Ctrl+S/Ctrl+C/Ctrl+V等
8. 绝对路径与相对路径
a) 绝对路径:带有盘符的路径,是相对于计算机来查找文件的
b) 相对路径:没有盘符的路径,是相对于当前页面来查找文件的
9. 标签之间的关系
a) 嵌套关系:一个标签包裹着另一个标签,那么这两个标签则是嵌套关系
b) 并列关系:一个标签与另一个标签是并列的,那么这两个标签则是并列关系
c) 在嵌套关系中,要注意标签的缩进,并不是一定要进行缩进,但是缩进会利于对代码的维护
10. Html标签
a) 在html中无论同时出现了多少个空格、缩进、换行都默认为一个空格
b) 一个完整的网页应该由<html>开始,由</html>结束 (!DOCTYPE是声明文档类型的)
c) Html标签也被称为根节点标签
11. Head标签
a) Head标签用来存放title,meta,link,style,script,base标签的,其中title是必须要写的标签
b) Head中的title标签是为网页添加标题的标签
c) Head中的Meta标签是优化页面SEO的,可以设置页面所使用的字符集和页面关键字,页面描述等
1. Description:可以描述页面,可以用来使用百度程序(网络爬虫)来收录关键信息,以此提高页面的排名。
2. Keywords:关键词,可以用来提高页。面的关健词的比重(前升排名的一种方式。)
3. 字符集(编码格式):
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> Charset(字符集的格式):UTF-8.
注意:字符集(文字在电脑是存储的字典):
电脑是不能直接存储文字的,一般情况下电脑存储的是这个文字在“字典”里对应的位置。
gb2313---->gbk;
国标2313---->国标扩
d) Head中的base标签是设置页面中所有a标签的属性的
e) Head中的style标签是设置页面中的css的
f) Head中的script标签是用来设置页面中的JavaScript的
g) Head中的link标签是用来设置外部文件的
12. Body标签
a) Body标签是用来存放所有html标签的
b) Body标签是html页面的主体
13. 字符集
a) 字符集包括gb2312和UTF-8
b) Gbk(国标扩)是gb2312(国标)的扩充
c) GBK收录了所有的中文和片假名,并且每个中文占2个字符
d) UTF-8收录了世界上所有的语言,并且每个中文占3个字符
e) 因此UTF-8的性能要比GBK要好
f) 根据网页所面向的国家不同,选择不同的字符集
14. 列表
a) 无序列表<ul>标签
i. 用于表达没有顺序的数据
ii. 无序列表中的数据用<li></li>标签包裹
iii. <ul></ul>标签中只能包裹<li></li>标签
b) 有序列表<ol>标签
i. 用于表达有顺序的数据
ii. 无序列表中的数据用<li></li>标签包裹
iii. <ol></ol>标签中只能包裹<li></li>标签
c) 自定义列表
i. 用于表达自定义的数据,在W3C中是<dl>标签定义了定义列表
ii. 自定义标签只能包裹<dt>标签和<dd>标签
iii. Dt是设置列表的子标题的
iv. Dd是设置列表中的数据的
15. 表格table标签
a) 表格标签完整结构
i.
<table>
<caption><caption>
<thead>
<tr>
<th></th>
<th></th>
</tr>
</thead>
<tbody>
< tr >
<td></td>
<td></td>
</tr>
</tbody>
<tfoot></tfoot>
</table>
ii. Caption标签是设置表格标题的
iii. Thead标签是包裹表头的<tr>标签和<th>标签
iv. Tbody标签是包裹表格内容的<tr>标签和<td>标签
v. Tr标签表示行,th标签和td标签表示列
vi. Tfoot标签表示表格底部的备注
16. 表单form
a) 表单的作用:是用来收集某些信息的
b) 所有的表单要放到form标签中
c) 表单的种类
i. text属性:输入框
ii. password属性:密码框
iii. hidden属性:隐藏域
iv. radio属性:单选框
v. checked属性:默认属性
vi. checkbox属性:多选框
vii. button属性:按钮
viii. image属性:图片按钮
ix. reset属性:重置所有表单中的填写信息
x. subm
it属性:提交数据
xi. selected属性:设置默认显示(适用于radio标签和selectbox标签)
xii. select标签(是标签),创建一个下拉框
xiii. option标签,设置下拉框中的内容
xiv. multiple属性:设置下拉框为列表框
xv. textarea文本域,创建一个文本域
17. 没有语义的标签div和span
a) Div是与CSS来调整网页布局的
b) Div标签是独占行的
c) Span标签是辅助div进行网页布局的
d) Span标签是没有宽和高的
e) Span 标签的宽和高由span中的内容决定的
18. 注释
a) Html中的注释以<!—开始以-->结束
b) Html中注释不可以叠加使用
19. 字符实体
特殊字符 |
描述 |
字符代码 |
空格 |
||
> |
小于号 |
< |
< |
大于号 |
> |
& |
和号 |
& |
¥ |
人民币 |
¥ |
© |
版权 |
© |
® |
注册商标 |
® |
° |
摄氏度 |
° |
± |
正负号 |
± |
× |
乘号 |
× |
÷ |
除号 |
&divde; |
² |
平方 |
² |
³ |
立方 |
³ |
Summary—【base】(HTML)的更多相关文章
- Summary—【base】(JavaScript)
1.认识Js 1.1 Js就是一门运行在客户端浏览器的脚本编程语言 1.2 组成 ECMAScript:Js的语法标准 DOM:JS操作网页 ...
- MVC图片上传、浏览、删除 ASP.NET MVC之文件上传【一】(八) ASP.NET MVC 图片上传到服务器
MVC图片上传.浏览.删除 1.存储配置信息 在web.config中,添加配置信息节点 <appSettings> <add key="UploadPath" ...
- Android 进阶 Android 中的 IOC 框架 【ViewInject】 (下)
上一篇博客我们已经带大家简单的吹了一下IoC,实现了Activity中View的布局以及控件的注入,如果你不了解,请参考:Android 进阶 教你打造 Android 中的 IOC 框架 [View ...
- Android 进阶 教你打造 Android 中的 IOC 框架 【ViewInject】 (下)
上一篇博客我们已经带大家简单的吹了一下IoC,实现了Activity中View的布局以及控件的注入,如果你不了解,请参考:Android 进阶 教你打造 Android 中的 IOC 框架 [View ...
- bootstrap基础学习【网格系统】(三)
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
- 第一部分软件测试综述——软件测试背景【软件测试】(美)Ron Patton中文电子版
截取自:第一部分软件测试综述——软件测试背景[软件测试](美)Ron Patton中文电子版(有需要的可以关注我) 第一部分软件测试综述 对手的程序死掉叫崩溃.自己的程序死掉叫“身体不良反应(idio ...
- 【转】(C#)OPC客户端源码
本例下载/Files/badnewfish/OPC测试通过.rar 转载申明 申明:本文为转载,如需转载本文,请获取原文作者大尾巴狼啊的同意,谢谢合作! 转自:大尾巴狼啊 原文出处:http://ww ...
- C#异步的世界【上】(转)
新进阶的程序员可能对async.await用得比较多,却对之前的异步了解甚少.本人就是此类,因此打算回顾学习下异步的进化史. 本文主要是回顾async异步模式之前的异步,下篇文章再来重点分析async ...
- Web APi之EntityFramework【CRUD】(三)
前言 之前我们系统学习了EntityFramework,个人觉得有些东西不能学了就算完了,必须要学以致用,在Web API上也少不了增(C).删(D).改(U).查(R).鉴于此,我们通过EF来实现W ...
随机推荐
- java核心技术 要点笔记3
1.类,超类和子类 2.Object:所有类的超类 3.泛型数组列表 4.对象包装器和自动装箱 5.参数数量可变的方法 6.枚举类 7.反射 8.继承设计的技巧
- linux 命令——4 mkdir (转)
linux mkdir 命令用来创建指定的名称的目录,要求创建目录的用户在当前目录中具有写权限,并且指定的目录名不能是当前目录中已有的目录. 1.命令格式: mkdir [选项] 目录... 2.命令 ...
- IDEA 编辑器如何将tabs 分行显示
https://jingyan.baidu.com/article/49ad8bcebd9e7c5834d8faac.html
- Project Euler 第一题效率分析
Project Euler: 欧拉计划是一系列挑战数学或者计算机编程问题,解决这些问题需要的不仅仅是数学功底. 启动这一项目的目的在于,为乐于探索的人提供一个钻研其他领域并且学习新知识的平台,将这一平 ...
- innobackupex基于binlog日志的恢复 -- 模拟slave恢复
说明:一般来说,如果恢复的binlog量不大,可以使用此方法来恢复:mysqlbinlog /data/mysqlbak/binlogbak/restoredb-bin.000018 |mysql - ...
- 无效的 JSON 基元 解决办法
在AJAX中进行如下修改: 加入: dataType: "json", 移除: contentType: 'application/json', 然后检查参数名称,类型是否符合后台 ...
- Why malloc+memset is slower than calloc?
https://stackoverflow.com/questions/2688466/why-mallocmemset-is-slower-than-calloc/ The short versio ...
- 谷歌SwitchySharp && SwitchyOmega插件
http://pan.baidu.com/s/1jOwgu 谷歌SwitchySharp插件 http://pan.baidu.com/s/1mgl7e2k SwitchySharp的升级版Switc ...
- ambari过程中要求各个节点时间同步
设置时间同步 控制节点机器 cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime #设置时区为北京时间,这里为上海,因为centos里面只有上海... ...
- Oracle 分区表的索引、分区索引
对于分区表,可以建立不分区索引.也就是说表分区,但是索引不分区.以下着重介绍分区表的分区索引. 索引与表一样,也可以分区.索引分为两类:locally partition index(局部分区索引). ...