search
HomeWeb Front-endHTML Tutorial[Pre-development] Summary of inline elements and block-level elements (HTML CSS)_html/css_WEB-ITnose

Block-level elements


information on author
long quotation
push button
table caption
definition description
deleted text
generic language/style container
definition list
definition term
form control group
interactive form

heading

heading

heading

heading
heading
heading

horizontal rule
inline subwindow
inserted text
fieldset legend
  • list item
    client-side image map
    alternate content container for non frame-based rendering
    alternate content container for non script-based rendering
    generic embedded object
      ordered list

      paragraph
      preformatted text
      table
      table body
      table data cell
      table footer
      table header cell
      table header
      table row
        unordered list

        Inline elements

        anchor
        abbreviated form
        acronym
        bold text style
        I18N BiDi over-ride
        large text style

        forced line break
        push button
        citation
        computer code fragment
        deleted text
        instance definition
        emphasis
        italic text style
        inline subwindow
        [Pre-development] Summary of inline elements and block-level elements (HTML CSS)_html/css_WEB-ITnose Embedded image
        form control
        inserted text
        text to be entered by the user
        form field label text
        client-side image map
        generic embedded object
        short inline quotation
        sample program output, scripts, etc.
        option selector
        small text style
        generic language/style container
        strong emphasis
        subscript
        superscript
        multi-line text field
        teletype or monospaced text style
        instance of a variable or program argument

        Inline elements and non-replaced elements will not be applied width attribute, for example, if width:200px is applied to the inline element , you will not see any effect.

        The height attribute will not be applied to inline elements and non-replacement elements, but the height can be specified through line-height.

        You can set padding for inline elements, but only padding-left and padding-right will have an effect, not padding-top and padding-bottom.

        The margin attribute is also the same as the padding attribute. It is valid for the left and right of inline elements, but not for the top and bottom.

        Statement
        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
        Beyond HTML: Essential Technologies for Web DevelopmentBeyond HTML: Essential Technologies for Web DevelopmentApr 26, 2025 am 12:04 AM

        To build a website with powerful functions and good user experience, HTML alone is not enough. The following technology is also required: JavaScript gives web page dynamic and interactiveness, and real-time changes are achieved by operating DOM. CSS is responsible for the style and layout of the web page to improve aesthetics and user experience. Modern frameworks and libraries such as React, Vue.js and Angular improve development efficiency and code organization structure.

        What are boolean attributes in HTML? Give some examples.What are boolean attributes in HTML? Give some examples.Apr 25, 2025 am 12:01 AM

        Boolean attributes are special attributes in HTML that are activated without a value. 1. The Boolean attribute controls the behavior of the element by whether it exists or not, such as disabled disable the input box. 2.Their working principle is to change element behavior according to the existence of attributes when the browser parses. 3. The basic usage is to directly add attributes, and the advanced usage can be dynamically controlled through JavaScript. 4. Common mistakes are mistakenly thinking that values ​​need to be set, and the correct writing method should be concise. 5. The best practice is to keep the code concise and use Boolean properties reasonably to optimize web page performance and user experience.

        How can you validate your HTML code?How can you validate your HTML code?Apr 24, 2025 am 12:04 AM

        HTML code can be cleaner with online validators, integrated tools and automated processes. 1) Use W3CMarkupValidationService to verify HTML code online. 2) Install and configure HTMLHint extension in VisualStudioCode for real-time verification. 3) Use HTMLTidy to automatically verify and clean HTML files in the construction process.

        HTML vs. CSS and JavaScript: Comparing Web TechnologiesHTML vs. CSS and JavaScript: Comparing Web TechnologiesApr 23, 2025 am 12:05 AM

        HTML, CSS and JavaScript are the core technologies for building modern web pages: 1. HTML defines the web page structure, 2. CSS is responsible for the appearance of the web page, 3. JavaScript provides web page dynamics and interactivity, and they work together to create a website with a good user experience.

        HTML as a Markup Language: Its Function and PurposeHTML as a Markup Language: Its Function and PurposeApr 22, 2025 am 12:02 AM

        The function of HTML is to define the structure and content of a web page, and its purpose is to provide a standardized way to display information. 1) HTML organizes various parts of the web page through tags and attributes, such as titles and paragraphs. 2) It supports the separation of content and performance and improves maintenance efficiency. 3) HTML is extensible, allowing custom tags to enhance SEO.

        The Future of HTML, CSS, and JavaScript: Web Development TrendsThe Future of HTML, CSS, and JavaScript: Web Development TrendsApr 19, 2025 am 12:02 AM

        The future trends of HTML are semantics and web components, the future trends of CSS are CSS-in-JS and CSSHoudini, and the future trends of JavaScript are WebAssembly and Serverless. 1. HTML semantics improve accessibility and SEO effects, and Web components improve development efficiency, but attention should be paid to browser compatibility. 2. CSS-in-JS enhances style management flexibility but may increase file size. CSSHoudini allows direct operation of CSS rendering. 3.WebAssembly optimizes browser application performance but has a steep learning curve, and Serverless simplifies development but requires optimization of cold start problems.

        HTML: The Structure, CSS: The Style, JavaScript: The BehaviorHTML: The Structure, CSS: The Style, JavaScript: The BehaviorApr 18, 2025 am 12:09 AM

        The roles of HTML, CSS and JavaScript in web development are: 1. HTML defines the web page structure, 2. CSS controls the web page style, and 3. JavaScript adds dynamic behavior. Together, they build the framework, aesthetics and interactivity of modern websites.

        The Future of HTML: Evolution and Trends in Web DesignThe Future of HTML: Evolution and Trends in Web DesignApr 17, 2025 am 12:12 AM

        The future of HTML is full of infinite possibilities. 1) New features and standards will include more semantic tags and the popularity of WebComponents. 2) The web design trend will continue to develop towards responsive and accessible design. 3) Performance optimization will improve the user experience through responsive image loading and lazy loading technologies.

        See all articles

        Hot AI Tools

        Undresser.AI Undress

        Undresser.AI Undress

        AI-powered app for creating realistic nude photos

        AI Clothes Remover

        AI Clothes Remover

        Online AI tool for removing clothes from photos.

        Undress AI Tool

        Undress AI Tool

        Undress images for free

        Clothoff.io

        Clothoff.io

        AI clothes remover

        Video Face Swap

        Video Face Swap

        Swap faces in any video effortlessly with our completely free AI face swap tool!

        Hot Tools

        VSCode Windows 64-bit Download

        VSCode Windows 64-bit Download

        A free and powerful IDE editor launched by Microsoft

        MinGW - Minimalist GNU for Windows

        MinGW - Minimalist GNU for Windows

        This project is in the process of being migrated to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the GNU Compiler Collection (GCC), freely distributable import libraries and header files for building native Windows applications; includes extensions to the MSVC runtime to support C99 functionality. All MinGW software can run on 64-bit Windows platforms.

        EditPlus Chinese cracked version

        EditPlus Chinese cracked version

        Small size, syntax highlighting, does not support code prompt function

        SAP NetWeaver Server Adapter for Eclipse

        SAP NetWeaver Server Adapter for Eclipse

        Integrate Eclipse with SAP NetWeaver application server.

        Dreamweaver Mac version

        Dreamweaver Mac version

        Visual web development tools