Home >Web Front-end >HTML Tutorial >HTML-Commonly used tags summary and practice_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 11:39:471198browse

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.

<html>
<head><title>这是标题</title></head>    <body size=”12”>	<p>HELLO WORLD!</p>    </body></html>

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 "<" and ">" 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

 <html>    静夜思                    

静夜思

           作者:李白

窗前明月光,疑是地上霜。
举头望明月,低头思故乡。

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

<html>    表格的例子            
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:

< a href="http://blog.csdn.net/onlybymyself" target="_blank" >

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.

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