Case One: Site Information Display page
1. What is HTML? (Hyper Text Markup Language: Hypertext Markup Language)
Hypertext: Features are more powerful than normal text
Markup Language: A language that describes content using a set of tags (it is not a programming language)
2. Why should I learn HTML?
Website Front End
3. Grammar and specifications?
HTML files end in. html or. htm. We recommend using the. HTML end.
HTML file divided into header (HTML tags are made up of start and end tags. (HTML tags are case-insensitive and lowercase are recommended.
4.HTML Related Tag Learning
Title Label Horizontal line label Paragraph labels <p></p>
Font labels <font></font>
Property: Size: Specifies the amount of content
Color: Specifies the colors of the content
Face: Specifies the font for the content
Bold:<b></b>
Italic:<i></i>
Underline:<u></u>
5. Step Analysis:
① Creating an HTML file
② Create a title tag show Company profile
③ Create a horizontal line label
④ create four paragraph labels
Case two: Site image display page
1. Picture tag
Property:
Src: Refers to the path (location) of the picture display
Absolute path: E:\Users\ThinkPad\Desktop\ 0703JavaEE Employment Class \web01_html\ information \web01\image
Relative path:
① the same level: write directly the file name or./File name
② Upper level: /file name
③ Next Level: Write the directory name/file name
Width: Specifies the width of the picture, which can be either a pixel value or a percentage
Height: Specifies the height of the picture, which can be either a pixel value or a percentage
ALT: A hint when the picture is not displayed correctly (the property is displayed in relation to the browser and browser version)
Case Three: Site links display page
1. List label
with sequence table:
<ol type= "I" Start= "" reversed= "reversed",
<li></li>
</ol>
Unordered list:
<ul type= "";
< Li></li>
</ul>
2. Hyperlink tag
<a href= "target=" "></A>
href: Specify the location of the jump
Target: Specifies the location of the jump page display (value: _self, _blank)
Case FOUR: Site home page display
1. Table Labels
<table border= "" Width= "" height= "" align= "" bgcolor= "" cellpadding= "" cellspacing= "" >
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
</tr>
<tr>
<td></td>
</tr>
</table>
2. Cross-row cross-column operations
Cross-line: rowspan
Cross-column: colspan
Case FIVE: Site backend system page
Frame Set Tags:
<frameset rows= "" cols= "" >
<frame src= ""/>
<frame name= ""/>
</frameset>
Thoughts: Come on! One step at a foot
"Javaweb Study Notes" 01