网页概述


网页主要由文字、图像和超链接等元素构成。当然,除了这些元素,网页中还可以包含音频、视频以及Flash等。

那么网页是如何形成的呢?

浏览器通过解析html网页生成

什么事web标准?

Web标准不是某一个标准,而是由W3C和其他标准化组织制定的一系列标准的集合。主要包括结构(Structure)、表现(Presentation)和行为(Behavior)三个方面。

结构标准:结构用于对网页元素进行整理和分类,主要包括XML和XHTML两个部分。
样式标准:表现用于设置网页元素的版式、颜色、大小等外观样式,主要指的是CSS。
行为标准:行为是指网页模型的定义及交互的编写,主要包括DOM和ECMAScript两个部分

HTML骨架

  
        
       
   
   
   

浏览器标签

1 HTML标签:

作用所有HTML中标签的一个根节点。

2 head标签:

作用:用于存放:

title,meta,base,style,script,link

注意在head标签中我们必须要设置的标签是title

3.title标签:

作用:让页面拥有一个属于自己的标题。

4.body标签:

作用:页面在的主体部分,用于存放所有的HTML标签:

p,h,a,b,u,i,s,em,del,ins,strong,img

标签语法

1.标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。

2.属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

3.任何标签的属性都有默认值,省略该属性则取默认值。

链接标签

文本或图像.

锚点定位 

1.使用“a href=”#id名>“链接文本"创建链接文本。

2.使用相应的id名标注跳转目标的位置。

注释标签

相对路径

1. 图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如<img src="logo.gif" />。
2. 图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如<img src="img/img01/logo.gif" />。
3. 图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如<img src="../logo.gif" />。


绝对路径

“D:\web\img\logo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/logo.gif”。

列表标签


     
  • 列表项1

  •  
  • 列表项2

  •  
  • 列表项3

  •   ......

 1.

    中只能嵌套
  • ,直接在
      标签中输入其他标签或者文字的做法是不被允许的。
       2.
    • 之间相当于一个容器,可以容纳所有元素。
       3. 无序列表会带有自己样式属性,放下那个样式,一会让CSS来!

       

      有序列表 ol 


         
      1. 列表项1

      2.  
      3. 列表项2

      4.  
      5. 列表项3

      6.   ......

      定义列表(理解)


       
      名词1

       
      名词1解释1

       
      名词1解释2

        ...
       
      名词2

       
      名词2解释1

       
      名词2解释2

        ...

      你可能感兴趣的:(前端)