块级元素、行内元素直观记忆-白红宇的个人博客

发布日期：2021-05-12 19:58:22 浏览次数：17 分类：精选文章

本文共 1521 字，大约阅读时间需要 5 分钟。

左边为块级元素，右边为行内元素

在这里插入图片描述

行内元素特点是不换行，写了双份的更直观。代码如下：

    
       HTML5 Demo    
       
           
    h1--h6：一级标题到六级标题
        
    
     最常用的：div
    
        
    p段落标签
        
                
     ul li是块级元素吗
            
     他是
        
    
        
                
     ol li是块级元素吗
            
     他也是
        
    
        
    
                                              th表头                        th表头                   
                                         tr表格行                        td表格单元                   
             
    
        
    
        
    
                                              th表头                        th表头                   
                                         tr表格行                        td表格单元               
     
    
        
                pre1112            12123            45        
        
    
                 Form:
                 
             
    
         
    
                     Form:            
     Male            
                 
     Female            
                 
    
        
    
    
   
    
       
           
    a超链接        
    a超链接        
    spaniii        
    span        
            
            
            
            
            
    textarea多行文本输入框        
    textarea多行文本输入框        
            
            
    em        
    em        
    i        
    i        
    strong        
    strong        
    code        
    code

th表头	th表头
tr表格行	td表格单元

th表头	th表头
tr表格行	td表格单元

上一篇：解决sourcetree报错ssh连接失败，添加ssh密钥详细步骤

下一篇：Error: Cannot find module 'webpack-cli'

发表评论

关于作者

喝酒易醉，品茶养心，人生如梦，品茶悟道，何以解忧？唯有杜康！

-- 愿君每日到此一游！

左边为块级元素，右边为行内元素

行内元素特点是不换行，写了双份的更直观。代码如下：

h1--h6：一级标题到六级标题

发表评论

最新留言

关于作者

推荐文章