热门关键字:
jquery > jquery教程 > jquery教程 > HTML重点知识点汇总

HTML重点知识点汇总

373
作者:管理员
发布时间:2021/2/7 15:35:44
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3948
  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“替代”的意思,就表示不管因为什么原因,当这个图片无法被显示的时候,出现的替代文字(有的浏览器不支持)




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐