Essay 1
1.1. What is a web page
Everything we open the browser to visit is made up of web pages. Simply put, web pages are html
1.2, HTML concept
1.2.1: Hyper Text Markup Language (Htper Text Markup Language), an application under the standard universal markup language. HTML is not a programming language, but a markup language, which is necessary for web page production.
1.3 Main structure
Document declaration header :
<!DOCTYPE html>--> html5 document declaration header, tells the browser that the current webpage syntax is html5
webpage tag :<html></html>-->All the content of the webpage is in this group of tags.
Page header tag :<head></head>：
----> Webpage The predefined information is written in this group of tags
----><meta charset="uft-8">: Set the character set encoding for the web page
----><title>网页标题</title>: Web page title
Web content tag :<body></body>--> The content shown to the user is hoped to be in the body tag
1.4, commonly used labels
1.4.1, functional label
Ordered list:
<ol><li></li></ol>
- Number sort: 1
- Alphabetical order: a/A
- Roman alphabet: i/I
Unordered list:
<ul><li></li></ul>
- Filled circle: disc
- Hollow circle: circle
- Solid square: square
- src attribute
- Absolute path: full address
- Relative path: relative to the current location of the html file where the picture is needed
- Width/height attribute: image width and height, only set one for equal scaling
- alt attribute
- href: link address
- title attribute
- div: Mainly used for web page cutting to facilitate web page development
- Span is usually used to store ordinary text content
- Table label basic attributes
border: border
width/height: width and height- Row:
<tr></tr>- Cell
<td></td>
basic properties:
alige: left/right/center text alignment
colspan: specifies the number of columns that the cell can span
rowspan: specifies the number of rows that the cell can span- Title in the table:
<th></th>- Cell-to-cell spacing: cellspacing
- Cell and content spacing: cellpadding
1.4.2, auxiliary label
- Title tag: h1-h6
- Paragraph tag: p
- Horizontal line: hr [single label]
- Strikethrough: del
- Oblique emphasis: em
- Bold emphasis: srtong
- Italic text: i
- Preformatted text: pre:
- Line break: br [single label]