第02阶段:第二小节第二天

*浏览器

1. 浏览器和浏览器内核

IE:tridengt 、

safari:webkitff

ff:gecko

chrome、opera:blink

*名词解释

internet:英特网,互联网(网络)

www:万维(提供网站服务)

w3c:万维网联盟(此机构主导制定html、css等标准)

HTTP:超文本传输协仪(浏览器和服务器端的网页传输数据的约束和规范)

web:网页,网络互联网等技术领域。表现为三种形式,即超文本,超媒体,超文本传输协议HTTP等

DNS:域名系统。英特网上作为域名和IP地址相互映射的一个分布式数据库,能够使用户更方便的访问互联网,而不用去记住能够被机器直接读取的IP数串。通过主机名,最终得到该主机名对应的I地址的过程叫域名解析(或主机名解析)

*页面组成

HTML:页面结构(使内容更加清晰,更有逻辑性)

CSS:页面样式表现(用于修饰内容的样式)

JavaScript:交互行为(内容的交互及操作效果)

*html简介

.HTML:超文本标记语言(主要通过HTML标记对网页中的文本、图片、声音等内容进行描述)

.HTML提供了许多标记

.HTML之所以称为超文本标记语言,不仅仅是因为他通过标记描述网页内容,同时也由于文本中包含了所谓的“超级链接点”,通过超链接将网站与网以及各种网页元素链接起来,构成了丰富多彩的web页面

*HTML标准的选择

1,.目前最新的HTML版本是HTML5

2.部分国内的网站还是使用XHTML标准,但HTML5是趋势

*HTML结构

.HTML:超文本标记语言,是一种标记语言。用来描述页面的结构和组织页面内容

.进入网页,查看源代码

.创建一个页面

.HTML的结构

1.特点:成对出现,有开有闭合,尖括号括住了标签名,结束标签内增加了斜线,

2.语法:<标签名>内容

注意:标签成对出现,结束标签内部用/开头,标签可以嵌套

*HTML语法

1.HTML标签以“<”开头

2.紧接着就是标签名,没有空格

3.标签名之后如果有属性的话,加空格,然后是属性名=“”

4.如果有多个属性,属性之间用空格隔开,空格可以有多个,属性结束后可以有一个或多个空格

5.然后是结束标签“>”,如果是结束标签要加“/”,例如“”

6.单标签,斜线没有意义,可有可无

7.标签中间可嵌套内容

*HTML标签(跟标记,通过lang属性设定当前文档的主要语言是什么,帮助搜索引擎解析文档)

1.HTML文件的后缀名:.html或.htm

2.快速生成页面机构(Html:5+tab,快速生成HTML5文档。Html:xt+xhml,过度旗的标准)

<!DOCTYPE html>

3.DOCTYPE标签


注意:目前所得网站都是按照HTML5标准走,文档申明标准一定要有,其会严重影响页面的展示效果

4.HTML标签:代表整个文档结构,只嵌套head标签和body标签

5.head标签:head标签中的设定都是用于给浏览器使用的一些设置和配置,比如mate标签告诉浏览器当前文档的编码格式(当浏览器解析解析当前文档的编码和文档实际的编码不一致时,会出现乱码的问题)

6.title标签:用于设定页面标题的内容

7.link标签的常见用法:

》》引入DNS与解析

》》引入网站icon图标

》》引入css样式

8.HTML基本文档格式

--UTF-8:目前最流行的字符集编码方法

--gbk:包含全部中文字符、繁体

--gb2312:简单中文

--BIG5:繁体中文

*HTML内容标签

--补充关于DTD:


--标题标签:h1-h6

标题标签不是定义样式大小,而是为了体现内容的重要性

注意:1. 一般情况下,一个页面只能有一个h1标签,不然不利于搜索SEO

2. h2以后的而这些标签在一个页面中可以有多个,但不能滥用,滥用会导致网页的SEO受影 响,搜索引擎会认为我们作弊

--段落标签:p

p标签之间不会相互公用一行,会独占一行或多行

--水平线标记:


在页面中画一条水平线,hr是单标签,不需要闭合

--HTML文档空白合并

在html文档中,文字之间的空格会进行合并,多个空格或者换行会合并成一个空格

--br标签:

可以在强制段落进行换行,不受空格和换行合并的影响。单标记标签,不需要闭合

--span标签

定义文档中一小节文本,语义不强。可以和其他span标签共用一行

--em标签

是局部文本的加强语气,或者是文本的强调作用,可以改变局部文档的语义

注意:strong标签是针对整个文档而言的,进行一个加强语气的作用

--sub标签和sup标签

sub:添加下标记

sup:添加上标记

--del标签

对del里的内容加删除线

--超级链接标签

语法:内容

target属性:_self(默认值,表示在当前页面打开超级链接)

_blank(表示在新的窗口中打开链接的页面)

锚点链接:href属性的值为页面中的id名,让页面跳转到id对应的标签位置

*URL协议

定义:统一资源定位符是对可以从互联网上得到的资源的位置和访问方法的一种简介的表达,是互联网上标准资源的地址,互联网上的文档都有唯一的url,它包含的信指出文件的位置以及浏览器应该怎么处理它

平时我们写的网址就是url。URL协议就是规定URL地址的格式。

协议规定格式:scheme://host.domain:port/path/filename

scheme:定义英特网服务的类型(最常见的类型有http、https、ftp)

host:定义域主机(http的默认主机是www)

domain:定义英特网域名(如w3school.com.cn)

:port:定义主机上的端口号(http的默认端口号是80)

path:定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)

filename:定义文档或资源的名称

协议名称://域名(ip地址):80/路径/文件 a.html

*URL编码

URL中的非ascll码,编译成%ascll码

URL在线编码的工具:http://tool.chinaz.com/Tools/URLEncode.aspx

*相对路径和绝对路径

.dos中的cd命令

--cd命令格式:cd路径

--“./”表示当前目录

--cd../返回上一级菜单(../表示上一级)

--cd../../返回当前目录的上两级菜单

--cd C:\User\malunmac\直接到c盘的一个具体位置,这就是绝对路径

相对路径:/ ../ (代表目录是父目录) ../../(父目录的父目录)

绝对路径:C:\User\

快速打开dos命令窗口:windows+r 打开运行窗口,然后输入cmd回车

cd命令:可以让我们的dos窗口进入某个文件夹

dir命令:显示当前目录的文件和文件夹

*图片标签的使用

title属性:对SEO影响很大

*图片的选择

*.jpg:色彩还原高,适合复杂颜色图片,比如banner

*.gif:色彩效果最低,支持透明,支持动画,适合颜色比较少,不适合渐变色

*.png:清晰,无损压缩,压缩比率很高,可渐变透明,具备所有几乎GIF图片的优点,还可以逐次逼近显示(传输文件的同时,可以先把整个轮廓显示出来,然后逐步显示图片的细节),缺点是不如JPG的颜色丰富,同样图片的体积也比JPG的大

即:gif和png基本差不多,色彩少的用gif,要求动画的用gif,对色彩要求高的用jpg

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 213,047评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,807评论 3 386
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,501评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,839评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,951评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,117评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,188评论 3 412
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,929评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,372评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,679评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,837评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,536评论 4 335
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,168评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,886评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,129评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,665评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,739评论 2 351

推荐阅读更多精彩内容