HTML learning _ 01

Html Summary
Html is a markup language, that is, a language that can be directly run without compilation. It does not need to be converted into binary code, such as c/c ++/java,
Html is the most basic discipline. It provides a framework and various tags and rules, making linguistics simple.
Most of them should be hyperlinks, which forms communication between various web pages.
The hyperlink uses:
<A> </a> label
<A href = "l link address"> </a> eg: <a href = "www.baidu.com"> </a>
<A href = "Local webpage"> </a> eg: <a href = "01.html"> </a>
Email hyperlinks are different from others.
<A mailto = "email address"> </a> eg: <a mailto = "1067386247@qq.com"> </a>
There are several other modes when the hyperlink opens a new window:
Eg: <a href = "www.baidu.com" target = "_ blank"> </a>
<A href = "www.baidu.com" target = "_ self"> </a>
Here, _ blank is opened in a new window, while self replaces the current window.
Table:
<Table>
<Tr>
<Td> </td>
</Tr>
</Table>
<Table> is a table label, tr is a row, and td is a small element in a row.
Note that it is easy to mess up here, that is, just a few rows and several columns. I am especially confused, maybe I am worried about my IQ...
There are two particularly important labels:
Colspan indicates merging a row, just like merging several cells in a row in the merged cells in excel.
Rowspan indicates merging a column, just like merging several cells in a column in the merged cells in excel.
Syntax:
Colspan = 2. At the same time, we should delete one td of the row, otherwise we will have one more cell.
When rowspan = 2, delete a cell in the next row.
When creating a table, calculate the width and height of the table.
Several tags in the table:
Coellspacing indicates the spacing between table cells.
The table is basically so many things. The following is a curriculum:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Strict // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" lang = "zh-CN">
<Head>
<Title> create a webpage </title>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Meta name = "description" content = "12-hour tutorial on Boolean education xhtml"/>
</Head>
<Body>
<Table width = "600px" height = "500px" border = "1px" cellspacing = "0px" align = center>


<Tr align = center>
<Td height = "30px" colspan = 2> </td>
<Td> Monday </td>
<Td> Tuesday </td>
<Td> Wednesday </td>
<Td> Thursday </td>
<Td> Friday </td>

</Tr>
<Tr height = "100px" align = center>
<Td height = "200" rowspan = 2> morning </td>
<Td width = "30px"> 1 </td>
<Td> College English </td>
<Td> hardware assembly and maintenance </td>
<Td> College English </td>
<Td> advanced mathematics </td>
<Td> linear algebra </td>
</Tr>
<Tr align = center>
<Td width = "30px"> 2 </td>
<Td> university sports </td>
<Td> </td>
<Td> Computer assembly and maintenance </td>
<Td> </td>
<Td> principle of Marx </td>

</Tr>
<Tr height = "100px" align = center>
<Td height = "200" rowspan = 2> afternoon </td>
<Td width = "30px"> 3 </td>
<Td> linear algebra </td>
<Td> advanced mathematics </td>
<Td> </td>
<Td> College English </td>
<Td> </td>
</Tr>
<Tr align = center>
<Td width = "30px"> 4 </td>
<Td> </td>
<Td> </td>
<Td> appliance repair </td>
<Td> </td>
<Td> </td>

</Tr>
<Tr align = center>
<Td colspan = 2> evening </td>
<Td> </td>
<Td> </td>
<Td> photography </td>
<Td> </td>
<Td> </td>

</Tr>
</Table>
</Body>
</Html>
**************************************** **************************************** ***
Framework:
<Frameset>
</Frameset>
This label is used to split a page into many pages. You can set this layout by yourself,
It seems similar to Table Partitioning, such as cols and rows.
For example, there are three web pages: top.html, left.html, and right.html to be integrated into a web page all.html.
You can set it as follows:
<Frameset cols = "20%, *"> or <frameset cols = "20%, 80%">
<Frame src = "top.html"> </frame>
<Frameset rows = "50%, *"> or <frameset rows = "50%, 50%">
<Frame src = "left.html"> </frame>
<Frame src = "right.html"> </frame>
</Frameset>
</Frameset>
Divide all.html into three frameworks, with 20% on the top, 80% on the left, and 50% on the right.


There is also a list:
Lists are classified into Unordered Lists and ordered lists. Unordered Lists are more commonly used. They only use different labels, and the other methods are the same.
Unordered list:
<Ul>
<Li> </li>
<Li> </li>
<Li> </li>
<Li> </li>
</Ul>
Ordered list:
<Ol>
<Li> </li>
<Li> </li>
<Li> </li>
<Li> </li>
</Ol>
You can set type in the list:
<Ul type = "desc">
<Li> </li>
<Li> </li>
<Li> </li>
<Li> </li>
</Ul>
Indicates that the sequence number before the unordered list is a solid square. There are many other types. For details, see the help documentation.