资讯专栏INFORMATION COLUMN

上云采购季！| 爆款云服务器低至4.6元/月，首单享0.9折

免费试用
首页/文章专栏/沃土前端系列 - HTML常用标签

沃土前端系列 - HTML常用标签

lbool / 3311人阅读

摘要：由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。是的缩写，中文的意思是超文本标记语言，它是制作网页的标准语言。

html是什么

HTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。
那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。

第一个网页Hello world

打开记事本,写上Hello world,然后保存为index.html,接着用浏览器把index.html打开,就看到了
Hello world,这就是一个最简单的网页。

认识标签

什么是标签（元素）




    
    
        
        
        
        demo
    
    
    
        hello world

html、body、head、meta都是标签，不同的标签作用也不同

常用标签一

标题标签H1~H6

分割线标签 hr

div标签

段落p标签

span标签

块级标签和行内标签

换行标签 br

图片标签

列表标签



    
        
        
    
    
        
        
这是h1标签

        
这是h1标签

        
这是h1标签

        
这是h1标签

        
这是h1标签

        
这是h1标签

        
        

        
        

            这是div标签
        

        
        

            这是段落标签，文字的上下会有间隔
        

        
        
            第一个span标签
        
        
            第二个span标签
        
        
        

        
        
        
        
无序列表

        
    
            
  • 内容1
    • 
            
  • 内容2
    • 
            
  • 内容3
    • 
            
  • 内容4
    • 
            
  • 内容5
    • 
        

        
有序列表

        
    
            
  1. 内容1
    2. 
            
  2. 内容2
    3. 
            
  3. 内容3
    4. 
            
  4. 内容4
    5.
常用标签二：表格标签 



    
        
        
    

    
        
        

            
            
                
                

                    姓名
                    年龄
                    性别
                

            
            
            
                
                

                    
                    楚留香
                    22
                    男
                

                

                    胡铁花
                    20
                    男
                

                

                    范冰冰
                    30
                    女
常用标签三：表单标签 


    
        
        
    
    
        
        

            
            
            

            
            

            
            男：
            女：

            
            足球：
            篮球：
            羽毛球球：
            乒乓球：
常用标签四：链接标签、下拉列表标签和iframe标签

链接标签




    
        
        
        
    

    
        hello world

        百度

        
        新浪

        锚点aaa

        

            HTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。 那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑上，还是在网络上的其他电脑上。 HTML 不是一种编程语言，而是一种描述性的标记语言 (markup language)，它使用标签来描述网页，负责将网页内容进行格式化，使内容更具逻辑性。 HTML文档不需要编译，直接由浏览器解释执行，浏览器（IE、FireFox、Chrome、Opera、Safari、UC等）软件知道HTML的语法，知道如何解释HTML文档。目前互联网上的绝大部分网页，都是使用HTML编写的。
        

        

            HTML是Hyper Text Markup Language的缩写，中文的意思是“超文本标记语言”，它是制作网页的标准语言。由于网页中不仅包含普通文本，还包含超文本，故被称作超文本描述语言。 那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑上，还是在网络上的其他电脑上。 HTML 不是一种编程语言，而是一种描述性的标记语言 (markup language)，它使用标签来描述网页，负责将网页内容进行格式化，使内容更具逻辑性。 HTML文档不需要编译，直接由浏览器解释执行，浏览器（IE、FireFox、Chrome、Opera、Safari、UC等）软件知道HTML的语法，知道如何解释HTML文档。目前互联网上的绝大部分网页，都是使用HTML编写的。
        

        

            这是个锚点
        

        回顶部
        


            那什么是超文本呢？所谓超文本，就是指图像、视频、动画、声音、表格、链接等多媒体的内容。 HTML是网页的基本描述语言，由Tim Berners-Lee在1990年提出，其目的是方便地把一台电脑中的文本或图形，与另一台电脑中的文本或图形联系在一体，形成一个有机的整体，让人们不必考虑这些信息是在当前的电脑上，还是在网络上的其他电脑上。 HTML 不是一种编程语言，而是一种描述性的标记语言 (markup language)，它使用标签来描述网页，负责将网页内容进行格式化，使内容更具逻辑性。 HTML文档不需要编译，直接由浏览器解释执行，浏览器（IE、FireFox、Chrome、Opera、Safari、UC等）软件知道HTML的语法，知道如何解释HTML文档。目前互联网上的绝大部分网页，都是使用HTML编写的。

下拉列表标签

iframe标签
常用标签五：html5新标签

html5是什么

Html5常用新增标签

header头部标签

footer底部标签

nav导航标签

audio音频标签

video视频标签

canvas画布标签

其他标签




    
        
        
    

    
        
        

            
            
        

        

        
        

        
        

        
        


        
        
        
        
        

        

            底部标签
更多标签

更多标签请访问：

菜鸟教程 http://www.runoob.com/html/ht...

w3school http://www.w3school.com.cn/ta...

云服务器 服务器托管 html常用标签 html常用单标签 html基本常用标签 html常用的空标签

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/52437.html

相关文章

  • 前端基础-HTML的的标签详解

    阅读目录 一、head内常用标签 二、 HTML语义化 三、 字符实体 四、 h系列标签 五、 p标签 六、 img标签 七、 a标签 八、 列表标签 九、 table标签 十、 form标签 一、 head内常用标签 1、meta相关 #1、指定字符集 #2、页面描述 #3、关键字：有助于搜索引擎SEC优化，再怎么优化也抵不过竞价排名 #4、3秒后跳转 #5、三秒刷新 ...

    番茄西红柿 评论0 收藏0

  • 一个后端开发者的前端语言基础：HTML5 & CSS

    摘要：每个标签可有一个独立的号。该标签是一个内联元素，与块级元素相反，内联元素不会自动在前后自动放置换行符，因此内联元素会默认在同一行显示。 前端语言基础：HTML5 & CSS (一) HTML5：超文本标记语言 (1) 基本概念 是由一系列成对出现的元素标签（标记）嵌套组合而成 ( XML也是标签构成的 ) 这些标签以的形式出现，用于标记文本内容的含义 浏览器通过元素标签解析文本内容并...

    ACb0y 评论0 收藏0

  • 一个后端开发者的前端语言基础：HTML5 & CSS

    摘要：每个标签可有一个独立的号。该标签是一个内联元素，与块级元素相反，内联元素不会自动在前后自动放置换行符，因此内联元素会默认在同一行显示。 前端语言基础：HTML5 & CSS (一) HTML5：超文本标记语言 (1) 基本概念 是由一系列成对出现的元素标签（标记）嵌套组合而成 ( XML也是标签构成的 ) 这些标签以的形式出现，用于标记文本内容的含义 浏览器通过元素标签解析文本内容并...

    DevWiki 评论0 收藏0

  • 01 【零基础入门】html学习笔记（1）

    摘要：公司就是中文网页，极度的追求网页的显示速度，要使用。，与类似，用于将相关的内联元素和文本归组在一起。用途区别块元素通常用在页面中的主要构建模块，而内联元素则用来标记小段内容。 之前学习了前端的一些基础知识，现在想深入地、精通地学习前端，往前端和全栈工程师方向发展。 之前学习前端主要是通过看视频，结合动手练习。现在认为看书+视频+实践，应该是最高效的学习方法。对于html、css，我主要...

    xeblog 评论0 收藏0

  • 一个后端开发者的前端语言基础：HTML5 & CSS

    摘要：每个标签可有一个独立的号。该标签是一个内联元素，与块级元素相反，内联元素不会自动在前后自动放置换行符，因此内联元素会默认在同一行显示。前端语言基础：HTML5 & CSS (一) HTML5：超文本标记语言 (1) 基本概念是由一系列成对出现的元素标签(标记)嵌套组合而成 ( XML也是标签构成的 )这些标签以<标签名称>的形式出现，用于标记文本内容的含义浏览器通过元素标...

    superPershing 评论0 收藏0

发表评论

登陆后可评论

0条评论

lbool

男|高级讲师
我要私信

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<