11.2. Introduction to HTML

发布时间 ： 2025-10-25 13:33:14 UTC      

Page Views: 9 views

11.2.1. HTML instance 

 Rookie Tutorial(runoob.com)
 My first title
My first paragraph.
    
 
 Case analysis  
 
 Image0 
 
     
  •  
      is declared as an HTML5 document 
     
    •  
  •  
     The < html > element is the root element of the HTML page 
     
    •  
  •  
     The < head > element contains the meta data of the document, such as < meta charset= “utf-8” > defines the page encoding format as utf-8. 
     
    •  
  •  
     The < title > element describes the title of the document 
     
    •  
  •  
     The < body > element contains visible page content 
     
    •  
  •  
     < H1 > element defines a supertitle 
     
    •  
  •  
     < p > element defines a paragraph 
     
    •  
 
 Note: use the F12 key on the keyboard to turn on debug mode on the browser page, and you can see the composition label. 
 
 
 
 What is HTML?  
 
 HTML is a language used to describe web pages. 
 
     
  •  
     HTML refers to the hypertext markup language: Hyper Text Markup Language 
     
    •  
  •  
     HTML is not a programming language, but a markup language 
     
    •  
  •  
     Markup language is a set of markup tags 
     
    •  
  •  
     HTML uses tag tags to describe web pages 
     
    •  
  •  
     The HTML document contains HTML tags and text content 
     
    •  
  •  
     HTML documents are also called web pages 
     
    •  
 
 
 
 HTML tag  
 
 HTML tag tags are often referred to as HTML tags. 
 
     
  •  
     HTML tags are keywords surrounded by angle brackets, such as < html > 
     
    •  
  •  
     HTML tags usually appear in pairs, such as < b > and < / b > 
     
    •  
  •  
     The first tag in the tag pair is the opening tag, and the second tag is the closing tag. 
     
    •  
  •  
     Start and end tags are also known as open and closed tags 
     
    •  
 
 < tag > content < / tag > 
 
 
 
 HTML element  
 
 “HTML tag” and “HTML element” usually describe the same meaning. 
 
 Strictly speaking, however, a HTML element contains the opening and closing tags, as shown in the following example: 
 
 HTML element: 
 
 < p > this is a paragraph. < / p > 
 
 
 
 Web browser  
 
 Web browsers (such as Google browser, Internet Explorer,Firefox,Safari) are used to read HTML files and display them as web pages. 
 
 Browsers do not display HTML tags directly, but they can use tags to decide how to present the contents of the HTML page to the user: 
 
 Image1 
 
 
 
 HTML web page structure  
 
 Here is a visual HTML page structure: 
 
 Note 
 
 Only the < body > area (the white part) is displayed in the browser. 
 
 
 
 HTML version  
 
 Since the birth of the early days of the network, there have been many HTML versions: 
 
  
  
 Version 
 		  
 Release time 
 		 
   
  
 HTML 
 		  
 1991 
 		 
 
  
 HTML+ 
 		  
 1993 
 		 
 
  
 HTML 2.0 
 		  
 1995 
 		 
 
  
 HTML 3.2 
 		  
 1997 
 		 
 
  
 HTML 4.01 
 		  
 1999 
 		 
 
  
 XHTML 1.0 
 		  
 2000 
 		 
 
  
 HTML5 
 		  
 2012 
 		 
 
  
 XHTML5 
 		  
 2013 
 		 
  
 
 
 
  statement  
 
 The  declaration helps to display the web page correctly in the browser. 
 
 There are many different files on the web, and if you can correctly declare the version of HTML, the browser will be able to display the content of the page correctly. 
 
   doctype   declarations are case-insensitive and can be done in the following ways: 
 
 
 
    
 
 
 
 
 
 General declaration  
 
  
 
  11.2.2.  HTML5  
 
 
 
 
 
 
 
 
 
  11.2.3.  HTML 4.01  
 
 
 
 
 
 
 
 
 
  11.2.4.  XHTML 1.0  
 
 
 
 
 
 
 
 
 Chinese coding  
 
 At present, in most browsers, Chinese garbled will occur in the direct output of Chinese, so we need to declare the character as UTF-8 or GBK in the header. 
 
 
 
 
  11.2.5.  HTML instance  
 
 
 
TITLE
My first title
My first paragraph.
      
                
                

                    

                        

                            
                                文章链接
                            
                            ：
                            11.2. Introduction to HTML 
                        

                    

                

            
        
        

            

    
        
        

            

                

                    
                        
                            
                                Web框架 
                            
                            
                        
                             946
                        
                    
                    
                    
                        

                            
 
 
 

                        

                    
                

                
                

            

        
    
    
        
        

            

                

                    
                        
                            
                                《地理信息系统原理、技术与方法》 
                            
                            
                        
                             97
                        
                    
                    
                    
                        

                            
 
 
 最近几年来，地理信息系统无论是在理论上还是应用上都处在一个飞速发展的阶段。 GIS被应用于多个领域的建模和决策支持，如城市管理、区划、环境整治等等，地理信息成为信息时代重要的组成部分之一； “数字地球”概念的提出，更进一步推动了作为其技术支撑的GIS的发展。 与此同时，一些学者致力于相关的理论研究，如空间感知、空间数据误差、空间关系的形式化等等。 这恰好说明了地理信息系统作为应用技术和学科的两个方面，并且这两个方面构成了相互促进的发展过程。 
 
 

                        

                    
                

                
                

            

        
    
    
        
        

            

                

                    
                        
                            
                                WEB基础 
                            
                            
                        
                             289