美文网首页四期学习小组
第02阶段:第二小节第二天

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

作者: 瑾瑜穆伟 | 来源:发表于2017-04-14 17:29 被阅读18次

    *浏览器

    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

    相关文章

      网友评论

      本文标题:第02阶段:第二小节第二天

      本文链接:https://www.haomeiwen.com/subject/mkqgattx.html