HTML-Commonly used tags summary and practice_html/css_WEB-ITnose

What is HTML?

Hypertext Markup Language, an application under the Standard Universal Markup Language.

“Hypertext ” means that the page can contain pictures, links, and even non-text elements such as music and programs.

The structure of hypertext markup language includes "Head" part (English: Head), and "Main part" (English: Body), where the "Head" part provides information about the web page , the "Main Body" section provides the specific content of the web page.

                                                                                                                                                                                                                                                                                 . News After being exposed to the development of the entire Web system in the publishing system, I have a new understanding of the combination of HTML code and CSS DIV. Through this summary, I will have a simple understanding of HTML tags.

1. Elements and tags and attributes

I believe that many people don’t know the difference between elements and tags after learning HTML. I don’t know either. I solved this doubt myself by searching for information and share it with everyone.

<title>这是标题</title>    	<p>HELLO WORLD!</p>    

Element: Just like in high school chemistry learning, the word element represents the most basic unit of matter, and it is also the same here , the HTML element is the basic object that constitutes the HTML file, just like in the above code:

HELLO WORLD!

is the element, which constitutes the most basic unit of HTML.

Tags: are objects enclosed by angle brackets "" such as

, , , and most tags are in pairs Appears, such as , . Of course, there are a few that do not appear in pairs, such as
,

---

, etc.

Attribute: In the

tag, size="12" is an attribute of the part. It is usually defined in the start tag and appears in pairs with "=".

2. Introduction to commonly used tags

(1) Text-related tags

     <title>静夜思</title>            <!--这是一首诗-->        <center>            <h2 id="font-color-red-静夜思-font"><font color="red">静夜思</font></h2>                          <b>作者：李白</b>            <hr color="blue">            <p>                <b><i><font color="green" size="3">                    窗前明月光，疑是地上霜。<br>                    举头望明月，低头思故乡。                </font></i><b>        </b></b></p>
</center>    

The effect is as follows:

What needs to be mastered is & lt; p & gt; paragraph label, & lt; hr & gt; insert the horizontal tag (the color of the color attribute can be set in the color of the line), & lt; br & gt; ;b> and make the font appear bold and italic respectively.

(2) Labels related to the table

    <title>表格的例子</title>            

2004年度期末考试成绩单

姓名	语文	英语	数学
张三	69	27	76
李四	89	27	46
王五	39	88	67
马六	87	77	66

The effect is as follows:

several attributes and several attributes and several attributes and Introduction to tags:

1.border align valign bgcolor

border sets the border width, the default is 0.

Align sets the horizontal alignment, attribute value: left center right

          valign sets the vertical alignment, attribute value: top middle bottom

            bgcolor sets the background color

          2. Define table

                                                                                                       ,,                                           

(3) Tags related to pictures

In the brisket, a sentence in the common.Master template at that time:

Perfect for inserting pictures. Set the hyperlink through href="", open a new page through target="_blank", and the element displays the image.

Through the above comparison of elements, tags, attributes and the training of several examples, there is no problem with the basic HTML code.

Copyright statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.