Article Catalog
Web development of web starting from scratch.
Tips: The following is the content of the article in this article, the following cases can be used for reference
- list: 1) Digue list label
<ul>: Properties Type (DISC/ CIRCLE/ SQUARE) change the list of project symbols.
grammar format:
<ul>
<li>columns</li>
<li>columns</li>
<li>columns</li>
...
</ul>
2) Order list labeling<ol>: Properties Type Set the item number (default is the number serial number), and the attribute start changes the starting value of the project serial number.
grammar format:
<ol>
<li>column item</li>
<li>column item</li>
...
</ol>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>list</title>
</head>
<body bgcolor="yellow">
<h2>No serial list-car category</h2>
<ul type="circle">
<li></li>
<li>Train</li>
<li>truck</li>
</ul>
<h2>Order list-Occupation</h2>
<ol type="A" start="5">
<li>3 3</li>
<li>card surface to fight</li>
<li>Ultraman</li>
<li>Jianxian</li>
<li>3 饭 3</li>
</ol>
</body>
</html>
2.Image and multimedia：
mark<img>Insert the image, the attribute SRC (necessary) specifies the position and name of the image file to insert the image file.
grammar format:
<img src="File path and name">
mark<bgsound>Add background music to the webpage.(Not very easy to use)
grammar format:
<bgsound src="File path and name" loop="playback times" >
Properties LOOP can take value True and FALSE: Whether to play circularly.
mark<embed>Add multimedia files (such as Flash animation, MP3 music, ASF video, etc.) to the webpage.
grammar format:
<embed src="File path and name" height="player height" width="Player width" >
</embed>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>list</title>
</head>
<body bgcolor="yellow">
<bgsound src="5 力 田 -Hua Tian Wrong.mp3" loop="100" >
<img src="tp.jpg" border="2" height="100" width="100" align="top">
<img src="小 5 5 n .png" border="2" height="100" width="100" align="top">
<embed src="mGlitter_Bokeh_02.mp4" align="middle" autosize="true" >
</embed>
<embed src="5 力 田 -Hua Tian Wrong.mp3">
</embed>
<h2>No serial list-car category</h2>
<ul type="circle">
<li>bicycle</li>
<li>Train</li>
<li>truck</li>
</ul>
<h2>Order list-Occupation</h2>
<ol type="A" start="5">
<li>Substitute messenger</li>
<li>card surface to fight</li>
<li>Ultraman</li>
<li>Jianxian</li>
<li>6 饭 6</li>
</ol>
</body>
</html>
3.hyperlink<a>: The role of the hyperlink is to establish a link to the other position to realize the interoperability between web pages, or to link the web page to other related multimedia files.
mark<a></a>can be paired in any position of the document.
grammar format:
<a href="link path" target="Opening method of the target window">link content
Fill in the link address in</a>
HREF, which can be internal or external links. Link content can be text content or pictures.
and there is a commonly usedtitleAttribute, its value is the field that appears when the mouse hovers in the hyperlink address.
attribute
The value oftargethas:_self: The default value, the current window opens the target page.
_blank: The target page is opened in the new window.
_top: The page is opened in the top frame.
_parent: The page is opened on the upper layer of the current framework.
<ol type="A" start="5">
<li><a href="https://www.bilibili.com/" title="bilibili">Substitute messenger</a></li>
<li><a href="https://www.bilibili.com/" target="_blank">card surface to fight</a></li>
<li><a href="e1_1.html" target="_top">Ultraman</a></li>
<li><a href="https://www.bilibili.com/" target="_parent">Jianxian</a></li>
<li><a href="https://www.bilibili.com/" title="User information"><img src="Xiaobai Erhu.png" border="2"></a></li>
<li>9 饭 9</li>
</ol>