发表于: 2018-11-18 21:03:07
1 757
今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin)
<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。
<!doctype html>是HTML5标准。
声明部分:主要作用是用来告诉浏览器这个页面使用的是哪个标准。
<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。
在 HTML 4.01 中,<!DOCTYPE> 声明引用 DTD,因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则,这样浏览器才能正确地呈现内容。
HTML5 不基于 SGML,所以不需要引用 DTD。
DTD:Document Type Definition(文档定义类型)
提示:请始终向 HTML 文档添加 <!DOCTYPE> 声明,这样浏览器才能获知文档类型。
head部分:将页面的一些额外信息告诉服务器。不会显示在页面上。
body部分:我们所写的代码必须放在此标签內。
XHTML文档开头必须要有DTD文档类型定义
什么是html:
HTML 指的是超文本标记语言 (Hyper Text Markup Language)
HTML 不是一种编程语言,而是一种标记语言 (markup language)
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML是一个弱势语言
html超链接:<a href>
Html图像<img>
重点1:避免乱码
我们用meta标签声明的当前这个html文档的字库,一定要和保存的文件编码类型一样,否则乱码!(重点)。
重点2:UTF-8和gb2312的比较
保存大小:UTF-8(更臃肿、加载更慢) > gb2312 (更小巧,加载更快)
列出2个使用情形:
1) 你们公司是做日本动漫的,经常出现一些日语动漫的名字,网页要使用UTF-8。如果用gb2312将无法显示日语。
2) 你们公司就是中文网页,极度的追求网页的显示速度,要使用gb2312。如果使用UTF-8将每个汉字多一个byte,所以5000个汉字,多5kb。
html中表示长度的单位都是像素。HTML只有一种单位就是像素。
任何一个标准的HTML页面,第一行一定是一个以
<!DOCTYPE ……
<meta>属性
<meta>:提供有关页面的基本信息
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
浏览器就是通过meta来看网页是什么字符集的。
<meta http-equiv="refresh" content="3;http://www.baidu.com">
意思是:3s之后,自动跳转到百度页面;
<body> 与 </body> 之间的文本是可见的页面内容
<body>:用于定义HTML文档所要显示的内容,也称为主体标签。我们所写的代码必须放在此标签內。
定义关键词:
<meta name="Keywords" content="网易,邮箱,游戏,新闻,体育,娱乐,女性,亚运,论坛,短信" />
这些关键词,就是告诉搜索引擎,这个网页是干嘛的,能够提高搜索命中率。让别人能够找到你,搜索到你。
定义页面描述:
<meta name=" " content=" ">
name即“名字”,content即“内容”。
只要设置Description页面描述,那么百度搜索结果,就能够显示这些语句,这个技术叫做SEO(search engine optimization,搜索引擎优化)。
<body>属性
bgcolor:设置整个网页的背景颜色。
background:设置整个网页的背景图片。
text:设置网页中的文本颜色。
leftmargin:网页的左边距。IE浏览器默认是8个像素。
topmargin:网页的上边距。
rightmargin:网页的右边距。
bottommargin:网页的下边距。
明天计划的事情:(一定要写非常细致的内容)
学习web的知识,在看视频
遇到的问题:(遇到什么困难,怎么解决的)
暂无
收获:(通过今天的学习,学到了什么知识)
暂无
评论