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）的更多相关文章

  1. Summary—【base】（JavaScript）

    1.认识Js     1.1 Js就是一门运行在客户端浏览器的脚本编程语言     1.2 组成            ECMAScript:Js的语法标准            DOM:JS操作网页 ...

  2. MVC图片上传、浏览、删除 ASP.NET MVC之文件上传【一】（八） ASP.NET MVC 图片上传到服务器

    MVC图片上传.浏览.删除   1.存储配置信息 在web.config中,添加配置信息节点 <appSettings> <add key="UploadPath" ...

  3. Android 进阶 Android 中的 IOC 框架 【ViewInject】 （下）

    上一篇博客我们已经带大家简单的吹了一下IoC,实现了Activity中View的布局以及控件的注入,如果你不了解,请参考:Android 进阶 教你打造 Android 中的 IOC 框架 [View ...

  4. Android 进阶 教你打造 Android 中的 IOC 框架 【ViewInject】 （下）

    上一篇博客我们已经带大家简单的吹了一下IoC,实现了Activity中View的布局以及控件的注入,如果你不了解,请参考:Android 进阶 教你打造 Android 中的 IOC 框架 [View ...

  5. bootstrap基础学习【网格系统】（三）

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  6. 第一部分软件测试综述——软件测试背景【软件测试】（美）Ron Patton中文电子版

    截取自:第一部分软件测试综述——软件测试背景[软件测试](美)Ron Patton中文电子版(有需要的可以关注我) 第一部分软件测试综述 对手的程序死掉叫崩溃.自己的程序死掉叫“身体不良反应(idio ...

  7. 【转】（C#）OPC客户端源码

    本例下载/Files/badnewfish/OPC测试通过.rar 转载申明 申明:本文为转载,如需转载本文,请获取原文作者大尾巴狼啊的同意,谢谢合作! 转自:大尾巴狼啊 原文出处:http://ww ...

  8. C#异步的世界【上】（转）

    新进阶的程序员可能对async.await用得比较多,却对之前的异步了解甚少.本人就是此类,因此打算回顾学习下异步的进化史. 本文主要是回顾async异步模式之前的异步,下篇文章再来重点分析async ...

  9. Web APi之EntityFramework【CRUD】（三）

    前言 之前我们系统学习了EntityFramework,个人觉得有些东西不能学了就算完了,必须要学以致用,在Web API上也少不了增(C).删(D).改(U).查(R).鉴于此,我们通过EF来实现W ...

随机推荐

  1. java Vamei快速教程03 构造器和方法重载

    作者:Vamei 出处:http://www.cnblogs.com/vamei 欢迎转载,也请保留这段声明.谢谢! 在方法与数据成员中,我们提到,Java中的对象在创建的时候会初始化(initial ...

  2. Python参数基础

    Python参数基础 位置参数 ​ 通过位置进行匹配,把参数值传递给函数头部的参数名称,顺序从左到右 关键字参数 ​ 调用的时候使用参数的变量名,采用name=value的形式 默认参数 ​ 为没有传 ...

  3. JS获取本地文件并且解析文件内容（XML，TXT）

    $(function(){ $("body").on("change", "#file", function (event) { uploa ...

  4. python_77_json与pickle序列化3

    #此方法:dump多次,而不可以load多次,只能load一次,否则会出错 只有序列化,无反序列化 import json info={ 'name':'Xue Jingjie', 'age':22, ...

  5. 人脸验证算法Joint Bayesian详解及实现（Python版）

    人脸验证算法Joint Bayesian详解及实现(Python版) Tags: JointBayesian DeepLearning Python 本博客仅为作者记录笔记之用,不免有很多细节不对之处 ...

  6. ES6 Promise用法详解

    What is Promise? Promise是一个构造函数,接受一个参数(Function),并且该参数接受两个参数resolve和reject(分别表示异步操作执行成功后的回调函数.执行失败后的 ...

  7. Java读取各种文件格式内容

    所需的jar包哦也不要太记得了,大家可以搜搜,直接上代码: import java.io.BufferedInputStream; import java.io.File; import java.i ...

  8. Python小项目之五子棋

    1.项目简介 在刚刚学习完python套接字的时候做的一个五子棋小游戏,可以在局域网内双人对战,也可以和电脑对战 2.实现思路 局域网对战 对于局域网功能来说,首先建立连接(tcp),然后每次下棋时将 ...

  9. Node 操作MySql数据库

    1, 需要安装 MySQL 依赖 =>  npm i mysql -D 2, 封装一个工具类 mysql-util.js // 引入 mysql 数据库连接依赖 const mysql = re ...

  10. ZendFramework-2.4 源代码 - 开始

    ZendFramework 是一种PHP框架. 写在前面 最早遇到ZendFramework是在阅读一款叫Magento电子商务系统源代码时看到,后来因为工作,把注意力侧重在其他方面,就搁置了继续了解 ...