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