简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home> Web Front-end> H5 Tutorial> body text

H5 block-level tag summary

php中世界最好的语言
Release： 2018-01-10 09:24:49
Original
2727 people have browsed it

This time I will bring you a summary of H5 block-level tags. How to use H5 block-level tags? What are theprecautionswhen using H5 block-level tags? The following is a practical case, let’s take a look.

Block-level elements, simply put, are elements that occupy their own line. Its characteristics:

① always starts on a new line;

② height, line height andouter marginandinner margincan be used Control;

　③The width defaults to 100% of its container, unless a width is set.

④ It can accommodateinline elementsand other block elements

The summary code is as follows:

    Document 

    
盒子
  
标题1
 
标题2
 
标题3
  
文章
   
     
  1. 导航1
    2.  
  2. 导航2
    3.  
  3. 导航3
    4.  
  
     
  • 导航1
    •  
  • 导航2
    •  
  • 导航3
    •  
  
 
名词
 
解释名词的位置
 
  
 表格头部  
  星期一 星期二 
 
  上课 上课
Copy after login

I believe you have mastered the method after reading these cases , for more exciting content, please pay attention to other related articles on the php Chinese website!

Related reading:

How to create a drag-and-drop effect in H5

About how old versions of browsers are not compatible with H5 and C3 Method

#How to draw graphics using H5’s CanvasAPI

The above is the detailed content of H5 block-level tag summary. For more information, please follow other related articles on the PHP Chinese website!

Related labels：
html5 Label Summary
source：php.cn
Previous article：H5 advanced inline tags Next article：How to implement drag and drop function in H5
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
How to set HTML5's required attribute using Javascript? I'm trying to mark a text input box as required in Javascript.
From 2023-10-13 08:52:25
0
2
317
Problem with not getting accurate mouse coordinates: using HTML5 canvas when resizing the page I want to create this pixel effect from a front-end expert. Although I can achieve the ent...
From 2023-09-12 12:20:33
0
1
280
HTML5 video M3U8 encoded with Base64 I want to add a base64 encoded M3U8 file in the Video tag of HTML5, how can I do it
From 2023-09-09 23:07:18
0
1
247
vue.js/bootstrap: onclick event method not called, error "Variable not found: updateDocument" I'm new to front-end development but have basic understanding of HTML5, CSS and Javascript...
From 2023-09-09 20:06:48
0
1
362
Remove closing slash '/' from image tag in XHTML I have a string txt1 that stores an image. Its value is in XHTML format, i.e. the element ...
From 2023-09-06 12:15:38
0
1
240
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！