欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  HTML重点笔记
 
  一、基本快捷键
 
  ctrl+c            复制
 
  ctrl+v            粘贴
 
  ctrl+x            剪切
 
  ctrl+tab         切换(具体切换什么,要看是什么软件)
 
  alt+F4           关闭程序
 
  F2                 重命名
 
  F5                 刷新,比如看网页的时候,想刷新网页,按f5
 
  ctrl+z            撤销,就是这一步弄错了,就ctrl+z撤销回到改之前状态
 
  windows+E    打开资源管理器
 
  windows+D    显示桌面
 
  ctrl+空格       切换中英文
 
  二、HTTP简介
 
  1.超文本传输协议,Hypertext Transfer Protocol
 
  2.这是一个文件的传输协议,我们上网的时候,所有的文件都是通过HTTP这个协议,从服务器上传输到客户的电脑里面的
 
  3.网页是真实物理的文件。并且一个网页是很多的物理文件组成的:html文件、图片文件、js文件、css文件。这些文件要通过特殊软件才能上传到服务器上。然后就能让用户看了。用户通过浏览器,访问网址,服务器上面的文件就会通过http请求悄悄地传输到用户的电脑中的临时文件夹中,在用户的电脑中执行、渲染、呈递。
 
  4.网页的原理:用户输入网址之后,对应的服务器就发现有人请求我的网页了,所以这个服务器就会把网页和相关的图片、js文件、css文件、flash文件都通过HTTP协议传输到用户的电脑里面。HTML页面在用户的电脑里面进行渲染。HTTP协议指的是超文本传输协议。每一个网址,都对应了服务器上面的确定的文件。
 
  三、HTML基础
 
  1.html、css、js都是纯本文的
 
  纯文本文件是:
 
  1) 只有文本,没有样式;
 
  2) 用记事本等纯文本编辑器可读,不是乱码
 
  2.HTML是超文本标记语言
 
  1)英语:HyperText Markup Language;
 
  2)现在的业界的标准,网页技术严格的三层分离:html就是负责描述页面的语义;css负责描述页面的样式;js负责描述页面的动态效果的;
 
  基本HTML 网页结构如下,body标签里的内容是浏览器上所视内容
 
  <!DOCTYPE html>
 
  <html>
 
  <head>
 
  <meta charset="utf-8">
 
  <title>页面标题</title>
 
  </head>
 
  <body>
 
  <h1>标题</h1>
 
  <p>段落</p>
 
  </body>
 
  </html>
 
  ps:
 
  <!DOCTYPE html> 声明为 HTML5 文档
 
  <html> 元素是 HTML 页面的根元素
 
  <head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
 
  <title> 元素描述了文档的标题,浏览器标签名
 
  <body> 元素包含了可见的页面内容
 
  <h1> 元素定义一个大标题
 
  <p> 元素定义一个段落
 
  <!-- 内容 -->注释内容
 
  四、字符集
 
  1.两种字符集:区别
 
  UTF-8 字多,有各种国家的语言,但是保存尺寸大,文件臃肿;
 
  gb2312字少,只用中文和少数外语和符号,但是尺寸小,文件小巧
 
  2.关键字和页面描述
 
  1)设置页面描述:
 
  <meta name="Description" content="网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。" />
 
  只要设置的Description页面描述,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO,search engine optimization,搜索引擎优化。
 
  2)定义关键词:
 
  <meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
 
  这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率。
 
  3)title也是有助于SEO搜索引擎优化的
 
  五、HTML基本语法特性
 
  1.HTML对换行不敏感,对tab键不敏感
 
  2.空白折叠现象
 
  1)HTML中所有的文字之间,如果有空格、换行、tab都将被折叠为一个空格显示。
 
  3.HTML标签是分等级的
 
  HTML将所有的标签分为两种:容器级、文本级。
 
  容器级的标签,里面可以放置任何东西;
 
  文本级的标签里面,只能放置文字、图片、表单元素。
 
  1)p是一个文本级的标签,p里面只能放文字、图片、表单元素
 
  2)a是一个文本级的标签
 
  ps:在HTML页面中,带有“< >”符号的元素被称为HTML标签,如上面提到的 <HTML>、<head>、<body>都是HTML标签。所谓标签就是放在“< >” 标签符中表示某个功能的编码命令,也称为HTML标签或 HTML元素
 
  双标签:<标签名> 内容 </标签名>
 
  该语法中“<标签名>”表示该标签的作用开始,一般称为“开始标签(start tag)”,“</标签名>” 表示该标签的作用结束,一般称为“结束标签(end tag)”。和开始标签相比,结束标签只是在前面加了一个关闭符“/”。
 
  单标签:<标签名 />
 
  单标签也称空标签,是指用一个标签符号即可完整地描述某个功能的标签。
 
  元素(标签)属性:HTML元素属性一般在开始标签中,以键值对表示。
 
  常见属性:
 
  六、图片
 
  1.能用的图片类型
 
  页面上可以插入图片,能够插入的图片类型是:jpg(jpeg)、gif、png、bmp。
 
  不能往网页中插入的图片格式是:psd、ai。
 
  2.语法
 
  插入图片的方法:
 
  <img src="" alt="巴黎结婚照" />
 
  src是img标签的属性,baby.jpg是这个属性的值
 
  alt是英语alternate“替代”的意思,就表示不管因为什么原因,当这个图片无法被显示的时候,出现的替代文字(有的浏览器不支持)

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61221.shtml