Week1--Introduction to HTML5

基础的HTML知识

1.首先以声明开头

如若不以此声明开头，那么浏览器会以quirky mode处理，
关于
doctype与html无论大小写均可，在保证doctype与html之间留有一个空格的前提下，html后面可以打多个空格，演示以下情况:



均可

2.主要结构

下面依次解释：
关于tag,html由tag组成，所有tag均有开始标签，部分以结束，并非要求所有都有结束标签。
首先一个html文档包含与，
1.之间可以填充任意字符，表示你网页的名字，即浏览器最上方的网页名字栏显示的内容
2.的charset="utf-8"是指该网页编码为utf-8，对于标签的属性，其属性值是以单引号或者双引号包含的
3.部分则显示网页的主界面

3.flow 与 phrase

主要讲HTML5讲以前的block元素与inline元素归类为flow与phrase，常见的两个代表:

块级元素:每个

均会换行
行内元素：元素全部显示在一行内，不换行
注意：在里面包含

是错误的，如

4.simantic-elements

为了便于人们的理解，许多标签具有simantic的含义，也就是根据标签名能大致推断标签的作用，比如:

等等

5.list

想要在网页中显示类似于清单的效果，例如：

可以使用:

    My typical dinner shopping list:
    

      
Milk
      
Donuts
      
Cookies
        

          
Chocolate
          
Sugar
          
Peanut Butter
        
      
      
Pepto Bismol
    

以

开启一个清单，其中的子项是
• 描述，清单可以嵌套清单
  除了使用
  与
  • 外，还可以使用
    与

    1.     
       
             
       Open box
             
       Take out cookie
             
       Make a Double Oreo
               
       
                 
       Peel off the top part
                 
       Place another cookie in the middle
                 
       Put back the top part
               
             
             
       Enjoy!
           

       
       

       ，
       1. 则有自动排序编号的效果

          6.Entities Reference

          如果想在网页中显示一些<>之类的，但不想被HTML当作源码编译，就得使用entities reference,
          比如以下含义等价:
          <:&lt;
          >:&gt;
          &:&amp;
          相当于如果你想在你的网页上显示

          ，而不是将

          编译，可以写成&lt; div &gt;

          &quto;显示为"引号，比较有用的一个是&nbsp;
          nbsp的意思是no broken space，我们知道，当我们把浏览器页面的宽度缩小，段落间的一些单词就会换行，如果你想让某三个单词之间不换行，或是换行时仍然在一起而不被分割，在第一个单词与第二个单词之后加&nbsp;吧
          victory nor defeat.

          7.链接跳转

          标签<a>可以实现连接跳转，只需在<a href="你要跳转的链接">，即可，可以是外部链接，也可以是内部链接，即.html后缀的文件，与当前html文件在同一个文件夹下

          
          
          
            
            
          
          
            
          Links to Sections of The Same Page
            
          
              
          
                
                
          #section1
                
          #section2
                
          #section3
                
          #section4
                
          #section5
                
          #section6
              
          
            
          
            
          

          将一个tag的id指定为某个值，在href里面加上前缀#，则可实现点击跳转到该部分，类似于目录导航

          8.图片显示

          使用标签，展示图片时最好加上width与height属性，这样你可以提前告知浏览器你所要呈现的图片大小，如果不设置width和height，那么加载图片时会突然跳出来，体验不好
          是inline element