HTML-Commonly used tags summary and practice_html/css

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

WBOY

Release： 2016-06-24 11:39:47

Original

1194 people have browsed it

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>

Copy after login

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

Copy after login

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>    静夜思                                静夜思
                          作者：李白            
                                                窗前明月光，疑是地上霜。
                    举头望明月，低头思故乡。

Copy after login

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

Copy after login