Home > Article > Web Front-end > A brief introduction to Html_html/css_WEB-ITnose
1. Html --- the abbreviation of hypertext markup language --- hypertext markup language.
What is this technology
What can this technology do
How to use technology well
2. Html is used to make web pages.
3. Some html specifications
Html files have their own specific extensions of: .html, .htm
Html tags are divided into the following two types:
Single tags: Single tags are generally used for special meanings, for example:
means line break,
Double labels: Double labels are generally used to encapsulate data and display specific styles, for example: Welcome
Rules for writing tags
In HTML, whether it is a single tag or a double tag, it must be closed correctly,
For any html page, there will be a fixed content:
Html must use html as the root tag, and then there are head and body tags below. Generally, the title tag and meta tag are written in the head. , where title sets the title content of
Html page. Meta is used to specify specific attribute information of html page.
Comments in Html:
4. Common tags
HTML tag listMark | Type | Translation or meaning | Function | Remarks | |||||||||||||||||||||||||||||||||||||||
File tags | |||||||||||||||||||||||||||||||||||||||||||
● | File declaration | Let the browser know that this is an HTML file | |||||||||||||||||||||||||||||||||||||||||
● | Start | Provide overall information of the file | |||||||||||||||||||||||||||||||||||||||||
● | Title | Define the file title, which will be displayed at the top of the browser | |||||||||||||||||||||||||||||||||||||||||
● | This article | Design file format and content location | |||||||||||||||||||||||||||||||||||||||||
Typesetting mark | |||||||||||||||||||||||||||||||||||||||||||
○ | The description tag | adds a description to the file but is not displayed | |||||||||||||||||||||||||||||||||||||||||
○ | Paragraph mark | Leave a blank line between words, pictures, tables, etc. | |||||||||||||||||||||||||||||||||||||||||
○ | Line break mark | To display words, pictures, tables, etc. on the next line | |||||||||||||||||||||||||||||||||||||||||
○ | Horizontal line | Insert a horizontal line | |||||||||||||||||||||||||||||||||||||||||
● | Center | Let words, pictures, tables, etc. be displayed in the middle | Object | ||||||||||||||||||||||||||||||||||||||||
● | Default format | Display the files according to the source code arrangement | |||||||||||||||||||||||||||||||||||||||||
● | Separation mark | Set the placement of words, pictures, tables, etc. | | | |||||||||||||||||||||||||||||||||||||||
| ● | Recommended fold | Default fold location | ||||||||||||||||||||||||||||||||||||||||
Font tag | ● | ||||||||||||||||||||||||||||||||||||||||||
Produces font bold Bold Effect | |||||||||||||||||||||||||||||||||||||||||||
● | Bold mark | produces a bold font Effect | |||||||||||||||||||||||||||||||||||||||||
● | Emphasis mark | The font appears with italic effect | |||||||||||||||||||||||||||||||||||||||||
● | Italic mark | The font has an italic effect | |||||||||||||||||||||||||||||||||||||||||
● | Typing font | Courier font, same letter width | |||||||||||||||||||||||||||||||||||||||||
● | Add bottom line | Add bottom line | |||||||||||||||||||||||||||||||||||||||||
● | Level 1 title tag | Get thicker, bigger and wider, the degree is inversely proportional to the series | |||||||||||||||||||||||||||||||||||||||||
● | Secondary title tag | Make the font bolder and larger Widen | |||||||||||||||||||||||||||||||||||||||||
● | Third-level title tag | Change the font Thick to large and widened | |||||||||||||||||||||||||||||||||||||||||
● | Level 4 title tag | Make the font thicker, larger and wider | |||||||||||||||||||||||||||||||||||||||||
● | Level 5 title tag | Make the font thicker, larger and wider | |||||||||||||||||||||||||||||||||||||||||
● | Level 6 title tag | Make the font thicker, larger and wider | |||||||||||||||||||||||||||||||||||||||||
● | glyph Mark | Set font, size, color | |||||||||||||||||||||||||||||||||||||||||
○ | Base glyph tags | Set all glyphs, sizes, colors | |||||||||||||||||||||||||||||||||||||||||
● | Enlarge the font size | Make the font size slightly larger | |||||||||||||||||||||||||||||||||||||||||
● | Shrink the font size | Make the font slightly thinner | |||||||||||||||||||||||||||||||||||||||||
● | Draw strikethrough | Add a strikethrough to the font | |||||||||||||||||||||||||||||||||||||||||
| ● | Program code | The font is slightly wider, such as | ||||||||||||||||||||||||||||||||||||||||
● | Keyboard words | The font is slightly wider, single space | |||||||||||||||||||||||||||||||||||||||||
● | Example | The font is slightly wider, such as | |||||||||||||||||||||||||||||||||||||||||
● | Variable | italic effect | |||||||||||||||||||||||||||||||||||||||||
● | Biography Quote | italic effect | |||||||||||||||||||||||||||||||||||||||||
● | Quote text block | Indented font | |||||||||||||||||||||||||||||||||||||||||
● | Predicate definition | Italic effect | |||||||||||||||||||||||||||||||||||||||||
● | Address tag | italic effect | |||||||||||||||||||||||||||||||||||||||||
● | Subscript | Index | |||||||||||||||||||||||||||||||||||||||||
● | Subscript | Subscript | |||||||||||||||||||||||||||||||||||||||||
List tag | |||||||||||||||||||||||||||||||||||||||||||
● | Sequential list | The list items will be arranged in numerical and alphabetical order | |||||||||||||||||||||||||||||||||||||||||
● | Unordered list | List items will be arranged in dots | |||||||||||||||||||||||||||||||||||||||||
○ | Checklist items | Each tag identifies a checklist item | |||||||||||||||||||||||||||||||||||||||||
● | Menu list | The list items will be arranged in dots, such as | Objection | ||||||||||||||||||||||||||||||||||||||||
| ● | Definition list | The list appears in two levels | ||||||||||||||||||||||||||||||||||||||||
○ | Definition entry | Title indicating the definition | |||||||||||||||||||||||||||||||||||||||||
○ | Definition content | Mark definition content | |||||||||||||||||||||||||||||||||||||||||
Table mark |
HTML 原始码 | 显示结果 | 描述 |
< | < | 小於号或显示标记 |
> | > | 大於号或显示标记 |
& | & | 可用於显示其它特殊字符 |
" | " | 引号 |
® | ? | 己注册 |
© | ? | 版权 |
™ | ? | 商标 |
半方大的空白 | ||
全方大的空白 | ||
不断行的空白 |
6. Introduction to commonly used tags
1), font tag:
is applied to the content part of the file, that is, the position between and . It only affects the marked words and sentences, and is a containment mark.
Parameter settings: Example: Creation of Webpage.
For example, size="5" means that the size is 5, and html The default value is 3, that is, size="3" is the same as not being set. Relative means to increase or decrease the size series based on the default value of 3. For example, size=" 2" is equivalent to size="5" in absolute representation, but if
2), img tag
is mainly used to insert pictures into web pages
General parameter settings for:
For example,
3), table tag
Used to mark cells (cells)
|