Implementation of HTML5 hypertext markup language

Time:2021-1-17

HTML5: hypertext markup language

HTML5: used to express what, not the format

sign

<!DOCTYPE html>
<html>
    <head>
        < title > my page < / Title >
        <meta charet=utf-8>
    </head>
    <body>
        My first HTML page
    </body>
</html>

The browser parses the HTML based on native encoding

Paragraph (general browser does not wrap)

subsection

——Paragraph, the final rendering effect (such as whether the line is empty, etc., determined by the browser)

Intra segment branch<br>No end tag

First level title<h1></h1>It can be used as a six level title. The larger the number is, the smaller the character is (including automatic line feed)

Word splitting<wbr></wbr>To tell the browser that the word can be separated to ensure right alignment

Two consecutive titles<hgroup></hgroup>

<hgroup>
    <h1>I like it</h1>
    <h2>You</h2>
</hgroup>

Font style

Bold<b></b>, italics<i></i>, nested

Typewriter fonts<tt></tt>, word reduction<small></small>

delete<del></del>join<ins><ins>

Not advocated<s></s>The effect is similar to del

Superscript (square)<sup></sup>, subscript<sub></sub>

Highlight <mark><mark>

Phrase format

emphasize<em></em>emphasize<strong></strong>, definition<dfn></dfn>, code (snippet)<code></code>, example code<samp></samp>, user input<kbd></kbd>, variable<var></var>, reference<cite></cite>

Special format

address<address></address>, indent (nested)<blockquote></blockquote>, small reference<q></q>, no format rearrangement (original format can be displayed)<pre></pre>

attribute

Add split line<hr>, no ending symbol,<hr width=50%>(width = 50, accounting for 50 pixels), the length of the segmentation line accounts for 50% of the page, the height is size = 10, align = less, left, abbreviation< abbr title = "people's Republic of China" > PRC < / abbr >

All tags can be followedtitle=“”The text appears after the mouse stops

<bdo dir=rtl><bdi></bdi></bdo>, text from right to left

Less than sign / greater than sign: a < 2——a&lt;2,a>2——a&gt;2,&:&amp;, unbreakable spaces&nbsp;ü——&uuml;,Ü——&Uuml;

list

The number before the formation of a character is about to<ul>become<ol>

<ul>
    <li>Black tea</li>
    <li>Coke</li>
</ul>

If used<ol strart=-1>, then the first item label – 1

Sugar, sweet

<dl>
    < DT > sugar
    < DD > square sugar, sweet < / DD >
</dl>

picture

In HTML, it is regarded as a character, which is arranged from left to right along with the character<img src=" mama.jpg (you can add the URL of other websites) "width =" 200 "ALT =" Mama "(put it at the bottom of the picture, so as not to load it) / >Traditionally, the values of attributes are quoted, GIF, JPG, PNG, and other formats are not necessarily available in the browser<iframe src="https://....com"><iframe>, width high attribute can be added

link

1.The agreement is very important, if not, you will find it in the current directory > Netease News</a>Add hyperlinks to the text “Netease News”

2. Navigate to a paragraph in the webpage<p>It’s written in Chinese<p id="haha">(H1, H2 can also be used), using hyperlinks<a href=" you.html #Haha "> go to your website</a>

If so<a href=" http://news.163.com "Target = - Blank" > Netease News</a>

Creating hyperlinks on graphics


<img src="" width=100 hight=100 usemap="#map" />
<map name="map">
    < area shape = "track" coords = "0,0 (coordinates), 50,50 (length and width)" a
  < area shape = "circle" coords = "75,75,25 (radius)" http... "ALT =" news "/ >  
</map>

form

<table></table>, large tables have


<thead>
<tbody>
<tfoot>
</tfoot>
</tbody>
</thead>

< Table >: there is no grid line < table border = 1 >: there is grid line

One row of the < tr > table
    <td>IOS < / td > one space in a row
    <td>yes</td>
    <td>yes</td>
</tr>

<thead>
    <tr>
        <th>OS</th>
        <th>Chinese</th>
        <th>French</th>
    </tr>
</thead>

`Forms`

The column width is automatically adjusted according to the table

Here is the article about HTML5 hypertext markup language. For more information about HTML5 hypertext markup language, please search previous articles of developer or continue to browse the following articles. I hope you can support developer more in the future!

Recommended Today

The selector returned by ngrx store createselector performs one-step debugging of fetching logic

Test source code: import { Component } from ‘@angular/core’; import { createSelector } from ‘@ngrx/store’; export interface State { counter1: number; counter2: number; } export const selectCounter1 = (state: State) => state.counter1; export const selectCounter2 = (state: State) => state.counter2; export const selectTotal = createSelector( selectCounter1, selectCounter2, (counter1, counter2) => counter1 + counter2 ); // […]