HTML第1天

1.浏览器内核:

  Trident(IE内核)、Gecko(Firefox内核)、Webkit(Safari内核)、Chromium/Blink(chrome内核)、Presto(Opera内核)→已经废弃,欧朋公司转向使用谷歌浏览器内核。

    360浏览器、猎豹浏览器内核:Trident+Chrome双内核;

    搜狗、遨游、QQ浏览器内核:Trident(兼容模式)+Webkit(高速模式);

    百度浏览器、世界之窗内核:Trident内核;

    2345浏览器内核:好像以前是Trident内核,现在也是Trident+Blink双内核了;

    UC浏览器内核:这个众口不一,UC说是他们自己研发的U3内核,但好像还是基于Webkit和Trident,还有说是基于火狐内核。

2.Web标准的组成:

  结构(Structure)+表现(Presentation)+行为(Behavior)

  相对应的:HTML+CSS+JavaScript

3.常见字符集:

  GB2312:简体中文,包括6763个汉字。

  BIG5:繁体中文,港澳台通用。

  GBK:包括全部中文字符,是GB2312的扩展,加入对繁体字的支持,兼容GB2312.

  UTF-8:包含全世界所有国家需要用到的字符。

4.常用标签概述:

  <title></title>:文档标签

  <p></p>:段落标签

  <h1>~<h6>:字体逐渐变小,头部标题标签

    单标签:

    <img />  图片标签

     <br /> 换行标签 

    <hr /> 水平线标签 

    <base />  规定页面上所有链接的默认URL和默认目标。

  ###  段落和换行之间的差别:段落和段落之间的空隙较大。

5.div和span标签:

  两个标签都是没有语义的,是我们网页布局的主要的两个盒子,一般情况下的技术架构:div+css。

  div:division的缩写,分割、分区的意思,其实有很多的div来组合页面。

  span:跨度、跨距、范围。

  ###  一行中仅能有1个<div>,但是可以有多个<span>。

6.文本格式化标签:

  <b></b>或<strong></strong>    文本以粗体方式显示。

  <i></i>或者<em></em>             文本以斜体方式显示。

  <s></s>或者<del></del>           文本以加删除线显示。

  <u></u>或者<ins></ins>           文本以加下划线方式显示。

  ### XHTML推荐使用<strong><em><del><ins>,<b><i><s><u>只用“使用”,没有强调的意思;<strong><em><del><ins>的语义更加强烈。

7.图像标签<img />标记属性: 属性   属性值   描述  
src   URL   图像的路径  
alt   文本   图像不能显示时替换的文本  
title   文本   鼠标悬停时显示的内容  
width   像素(XHTML不支持%页面百分比)   图像宽度  
height   像素(XHTML不支持%页面百分比)   图像高度  
border   数字   设置图像边框的宽度  
8.链接标签:

  <a></a> 单词缩写:ancher.。

  基本语法格式:<a href="http://www.likecs.com/跳转目标" target="目标窗口的弹出方式:_self 或者 _blank">文本或图像</a>

  ### ①外部链接:需要添加前面的协议名,例如:“”

    ②内部链接:直接链接内部名称即可,例如:<a href="http://www.likecs.com/success.html">成功页面</a>

    ③如果当时没有确定链接目标时,通常将链接标签的href属性定义为“#”

    ④不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

  ## 实现本页内的一部分跳转到另外一部分:可以参照百度百科中的例子:

    前:<a href="#live">个人生活</a>

    后:<h3>个人生活</h3>

  ### <base target="_blank"> 该句表示所有的页面跳转方式默认为进入一个新的空白页。

9.特殊字符:

  空格:&nbsp;   

  小于号:&lt;

  大于号:&gt;

10.注释标签:

  <!-- -->

11.相对路径:

  ①图像文件和HTML文件位于同一文件夹下,只需输入图像文件的名称即可,如<img src="http://www.likecs.com/1.gif" />

  ②图像文件位于HTML文件的下一级文件夹,输入文件夹名和文件名之间用“/”隔开,如<img src="http://www.likecs.com/img/img0/1.gif" />

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpxdpz.html