js array operation The test results below

2022-12-20   ES  



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

  1. 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>

source

Related Posts

Used diagram, time -order diagram, class diagram

MySQL Create users, grant permissions, withdraw permissions, modify passwords, delete users

elasticsearch: use Geoip processor to enrich data

java 8 converts list to map

js array operation The test results below

Random Posts

Business operation and maintenance actual combat: How does Tencent optimize the APP user experience?

Youtube-DL environment Construction & use

POJ 2236 Wireless Network Geometry+Classification

python zero -based entry 23 use regular expression grabbing agent IP

Ubuntu18.10 Wine runs the Great Navigation era II, Jin Yong Qunxiazhuan 1. Three Kingdoms Zhiyingjie Biography, Xiao Ao Jianghu