一.特殊键及快捷键
ctrl 控制
shift 换挡 用shift切换大小写
Alt 调整
tab 切换
Alt+tab 两个文档来回切换
Alt+f4 关闭程序
f2 重命名
f5 刷新
ctrl+z 撤销
ctrl+N 新建
Windows +E 资源管理器
Windows+D 桌面
ctrl+空格 切换中英文
http 协议的内容意义
服务器:左侧电脑文件,右侧服务器文件,服务器搭建
传输html文件到服务器可在网页观看
/ 文件的位置
网页本身是一个文件夹,通过购买服务器上传到服务器上,大众可以通过网址观看。
网页是真实式的物理文件,对应服务器上的文件
什么是纯文本文件txt
除了文本的格式其他都不能接受,txt不能保存样式,很干净,doc保存了文本样式图片颜色等格式,所以文本比较大。HTML和TXT没有任何区别。
html.css.js是纯文本的
注:一个汉字两字节,一个英文一个字节
HTML超文本标记语言,负责描述文档语义的语言,通过标签对给文字增加语义,HTML除了语义什么都没有。
标签只是给文字增加了语义,不能说增大之类的
eg:
正确:给主标题增加语义
错误:给文字怎增大加粗
编辑器
快捷键:
ctrl+滚轮 调整字体大小
ctrl+shift+ 上箭头 上移当前行
ctrl+shift+d 复制当前行
ctrl+shift+k 删除当前行
二.HTML深入
2.1文档声明头
HTML4.0的规范(XHTML同样):Strict,Transitional以及Frameset(带有框架的文档)
U标签(不常用且语义较小的标签)经常用来做钩子
DocType Declaration此标签可告知浏览器文档使用哪种HTML或XHTML(严格的HTML)的规范DTD
2.2字符集
字符集的意义:用编码存储于计算机库
字符集用meta标签定义,meta表示“元”,“元”配置就是表示基本的配置项目
中文字符集utf-8,gb2312(gbk)
UTF-8是国际通用字符集涵盖范围大,保存文件臃肿,网速慢。每个汉字3个字节。
gb2312我国发明的字符集,涵盖范围小,但清洁度高,网速快。每个汉字2字节。
**注:**meta中的字符集和保存时的字符集要匹配否则会出乱码。
meta http-equiv=“Content-Type” content=“text/html; charset=gbk”
2.3关键字和页面描述
2.3.1设置页面描述(SEO)
格式:meta name(名字)=“Description” content(内容)=“网易是中国领先的互联网技术公司,为用户提供免费邮箱、游戏、搜索引擎服务,开设新闻、娱乐、体育等30多个内容频道,及博客、视频、论坛等互动交流,网聚人的力量。”
2.3.1设置关键词
格式:meta name=“Keywords” content=“网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信,数码,汽车,手机,财经,科技,相册”
2.4title标签
格式:
title有助有SEO搜索引擎的优化
2.5head标签表示页面配置
字符集,关键字,网页描述,页面标题
三.HTML 的基本语法特性
3.1HTML对换行不敏感,对tab不敏感
HTML只在乎标签嵌套的关系,但要求养成良好的缩进习惯,易看清结构
3.2空白折叠现象
HTML中所有的文字换行,空格,tab都会演进成一个空格
3.3标签要严格封闭
3.4文本集(具有局限性),容器集(啥都能放)
四.h.p系列标签
home,end切换到文开头结尾
paragraph headline 4.1h标题(容器集):没有嵌套关系,且不能说字大小,只能说定义了几级标题语义。 4.2p段落(文本集):只能放文字图片及图表,不能放**标签**,否则p标签会自动封闭 4.3img图片(自封闭标签):能放置的图片类型jpg,GIF,png,bmp 不能放置的图片类型:psd,ai 格式: < img(图片) src(资源)="文件地址" alt(替代文字)=""/> **4.4相对路径**: **..**表示返回文件上一级,/表示文件下一级 ../../../aaa/bbb/1.jpg五.超级链接
<a(锚) href=“1.html”(文件地址)title(鼠标悬停文本)=“很好看哦” **target(是否在新页面打开)="_black(空白)"**>结婚照(名字)< /a>
六.锚点
href="#"表示页面顶端
页面内的锚点:
两个配合,一个href一个name,href中加**#**
分成好几个小页面;<a name="1.jpg"不写href只写name,自动卷动 ,
跨页面用锚:
p标签包括a,a不能包裹p,因为a的语义小于p,所以他俩都是文本集但是p能包裹a