一.标签

1.认识网页

网页是由文字,图像和超链接等组成,包括音频,视频和flash等

2.浏览器(显示代码)

 浏览器是网页显示,运行的平台,常用的浏览器有ie浏览器,火狐浏览器,谷歌浏览器等

safari和opera等,我们平时称为五大浏览器

3.常用的浏览器内核

     负责读取网页内容,整理讯息,计算网页的显示方式并显示页面.

     

浏览器

内核

 

IE

trident

ie,猎豹安全,360极速

firefox

gecko

没落

safari

webkit

 

chrome

chromium/blink

大部分国产浏览器最新版采用blink内核

二次开发

 

  移动端的浏览器内核主要说的手系统内置浏览器内核

  android 手机而言,使用最高的是webkit内核,大部分国产浏览器宣扬的自己的内核,基本上也是属于webkit的二次开发

  ios以及wpt平台上,由于系统原因,系统大部分自带浏览器内核,一般是safari或者ie内核 trident的

  4.web标准

       网页中web标准三层组成

      构成:结构,表现,行为

                  html,css,javascript

 

 

 

标准

说明

 

结构

对网页元素进行整理和分类

html

表现

对网页元素的版式,颜色,大小等样式进行设置

css

行为

对网页模型进行定义以及交互编写

javascript

理想状态下,三者都是相互独立的,放在不同的文件里

 

7,html标签有哪些

图像标签

文字标签

链接标签

 

<html>

<head>
<title> </title>

</head>

<body>

</body>


</html>

 

8.html的标签关系

 

嵌套关系 ------父子关系 ,缩进一个 tab键

 

包含关系---------兄弟关系

 

 

9.代码开发工具

sublime

<!Doctype.html>  告知 浏览器,文档处于哪种html编码规

相关的字符集

<meta charset="utf-8">

utf-8 全球通用

gbk 国标中文体系

通用方法是utf-8

 

10.常用标签

 一.标题标签

   <h1> </h1>

   <h2> </h2>

   <h3> </h3>

   <h4> </h4>

   <h5> </h5>

   <h6> </h6>

 

 

2.

标签

xhtml

显示效果

<b></b>

<strong></strong>

文字粗体

<li></li>

<em></em>

文字斜体

<s></s>

<del></del>

文字删除线

 

                                          <u> </u>    <ins> </ins>    加下划线

 

 

11标签的属性

   <标签名 属性1="属性值1"      属性2="属性值2"   属性3="属性值3"> 内容 </标签名>

 

12.图像标签img

<img src ="图像url"/>

该语法 中src 属性用于 图像文字的路径和文件名,他是img必需属性

                                               <img/> 标记属性

src 

URL

图像的路径

alt

文本

图像不能显示时候的替换文本

title

文本

鼠标悬停时显示的内容

                                      

width

像素

图像的宽度

height

像素

图像的高度

border

数字

图像边框的高度 后面我们会用css来做

 

 

 

13.链接标签

 <a></a>

<a href="#">文本</a>

 

不仅可以创建文本,图像,表格,等均可,就是谁用包谁

 

target="_blank" 在新窗口打开

target="_self"  在当前窗口打开

14.注释标签

<!----------这是注释语句-------->     ctrl+/

 

15.路径的概念

 

相对路径--------1.同一级路径  直接引用即可       从代码文件所在的文件出发,去寻找我们的目标文件

                       2.下一级路径   /

                      3.上一级路径 ../

绝对路径-----从根目录出发   \  绝对路径的\是相反得

绝对网络地址-----了解但不推荐使用

 

16.锚点的概念

 

锚点定位---------页面内跳跃

 

 

用户很开定位到目标的内容

 

创建锚点分为两步

      1.创建锚点

                    使用相应的id名称标注跳转目标的位置

                   <h3 id="001">    锚点跳转</h3>

 

   2.使用

   <a href ="#001"> 链接文本</a>

 

 

17.base标签

<base target="_blank">  在head 设置整体链接的打开状态

 

18.预格式化标签

<pre >

</pre>

用得很少,主要后端程序员调节页面使用