天天看點
傳回

web前端技術這裡介紹web的一些基本知識。

杩???浠?缁?web??涓?浜??烘???ヨ????

??浼?姣??ㄤ?瀹????存?幫???璇鋒??寰??с??

??瑷?

妗?渚?娴?璇?:

marquee????璁?

<marquee></marquee>
甯哥?ㄥ??э?

behavior="scroll "???瑰??寰???婊?????"alternate"?ュ??寰???婊???????slide?? ??娆℃???width="瀹藉害"

height=??楂?搴???

direction=???瑰???? (left right up down)

loop=???ц?娆℃?扳?? infinite(??????) ??loop=??1??

??璁扮??涔????煎?锛?

  1. ????璁闆??????璁幫?蹇?椤繪??缁?灏?

    <p>content</p>

    <dr />

  2. ?煎?锛???璁?灞??????尖?? 灞??????尖????gt;

    灞??????尖?? ????浠モ????/?煎?光??褰㈠??虹??/li>

  3. ?ㄥ?涔????煎?: 
<html>
	<head>
		<meta  />
		<title> ??棰?</title>
	</head>   <!--澶存??璁?->
	<body>
			
	</body>
</html>
meta?ㄦ?锛?

<meta name=??descript" content="xxxxxxxxxxxxxxxxx">

<meta name="keywords" content="xxxx,xxxx,xxx,xxxxx,xxxx">

<link href="style/style.css" target="_blank" rel="external nofollow" rel="stylesheet" type="text/css">

<script language="javascript" src="script/xxxxx.js"></script>

<title>xxxxxxxxxxxxx</title>

<meta http-equiv="content-type" content="text/html; charset=gb2312??>

<meta http-equiv="pragma" content="no-cache??>

<meta http-equiv="refresh" content="5;url=http://www.baidu.com">

绗?涓?绔?:?烘????璁?/h2>

1.body??璁?/h3>

??璁?/th> ??璇?
text=??skyblue?? ??瀛?棰???/td>
background=??璺?寰???锛??稿?矽礬寰???缁?瀵矽礬寰???缃?缁?璺?寰?锛? ??????/td>
bgcolor=??red?? ??????/td>
????/th> red green blue 缁???
# ff 00 00 red
# 00 ff 00 green
# 00 00 ff blue
# ff ff ff white
# 00 00 00 black

html??娉?璁劇疆?村?灞??ф??濡??????炬????鈎?猴??ｄ?姹??╂?峰?琛??

<body bgcolor="skyblue" style="background-image: url(images/img_title2.jpg); background-repeat: no-repeat;" >
topmargin bottommargin leftmargin rightmargin

?哄???????撅?

bgproperties="fixed"
浠ｇ?? ??璇?

link="black"

 		璁塊????瓒??炬?ラ???/td>

vlink="black"

 		璁塊??杩???瓒??炬?ラ???/td>

alink="black"

 		璁塊???剁??瓒??炬?ラ???/td>

2.js绠???搴???/h3> 
<body bgcolor="skyblue" topmargin="0" leftmargin="0"  bgproperties="fixed"  >
   	<h1>hello world!</h1>
   	<p><a href="#" target="_blank" rel="external nofollow" >this is a content!</a></p>
   	username:<input type="text" id="username" name="username" />
   	<input type="button" value="纭?璁? onclick="sayhello()" />
   	
   <script type="text/javascript">
   	function sayhello(){
   		var username = document.getElementById("username").value;
   		if(username == "?存??){
   			alert(username+"??浼?澶э?");
   		}
   		else{
   			alert("??涓?璺????????╋?"+username+"浣?璧闆?э?");
   		}
   		
   	}
   </script>	
   </body>

<img />

?劇??????璁?/h3>

src=??璺?寰???

width=??瀹解?? ??绱? ?懼??姣?

height=??楂???

border=??杈規???

align=??left?? center right

valign=??top?? middle bottom

alt=??涓???杞藉?劇???剁??璀???淇℃????

title=????绀轟俊???? ??浠ヨ??????峰?? seo??绱㈠???浼?????

3.??????璁?/h3>

锛?1锛?

<p></p>

 娈佃?芥??璁?/h4>

锛?2锛?

<div></div>

 ?哄????璁扳??甯?灞?

锛?3锛?

<span></span>

 琛?绾ф??璁?----甯?灞?

绀轟?锛? 
<div>
			<!--title-->
			<span>this is a title</span>
			<!--content-->
			<div>this is a content</div>
		</div>
		<div>
			<!--title-->
			<h1>this is a title</h1>
			<!--content-->
			<p>this is a content</p>
</div>

锛?4锛?

<pre></pre>

?煎?棰?澶?????璁?/h4>

HTML瀹?浣???绱?

绗???/th> 浠ｇ??
<

&lt;
>

&gt;
绌烘??/td>
漏

&copy;

锛?5锛?

<br />

 ??杞?/h4>

锛?6锛?

<hr />

姘村鈎绾?/h4>

width=??瀹藉害??

size=??????

align=??left?? center right

color=??姘村鈎绾塊??測??

绀轟?锛?

<hr width="500" size="5" align="left" style="border:2px dashed #5151a2" />

4.??瀛???璁?/h3>

锛?1锛?

<font></font>

????璁?/h4>

color=????瀛?棰??測??

size=??瀛??封?? 1~7 -2~+4

face=??瀛?浣???

锛?2锛???瀛??煎?????璁?/h4> 
title<b>title</b>??绮?<br />
		title<big>title</big>澧?澶?lt;br />
		title<i>title</i>??浣?<br />
		title<em>title</em>寮鴻?-??浣?<br />
		title<small>title</small>?ュ?<br />
		title<strong>title</strong>?ュ．<br />
		title<sub>title</sub>涓???<br />
		title<sup>title</sup>涓???<br />
		title<ins>title</ins>涓???绾?lt;br />
		title<del>title</del>???ょ嚎<br />

锛?3锛?

<h1>~<h6>

 ??棰???璁?/h4> 
<h1 align="center">this is a content</h1>
		<h2>this is a content</h2>
		<h3>this is a content</h3>
		<h4>this is a content</h4>
		<h5>this is a content</h5>
		<h6>this is a content</h6>

锛?4锛?

<center></center>

5.瓒??炬??code><a></a>

锛?1锛?椤甸????磋煩杞?

灞??э?

href=??璺?寰??? href=??url??

锛?2锛?椤甸?㈠???ㄥ??浣???????璁?/h4>

<a href=??#file_name??>a_link</a>

<a name=??file_name??>??浣?缃?</a>

锛?3锛?target灞???娴?瑙??ㄩ〉?㈡??寮??瑰?

blank ?? _blank(?伴〉?? ???哄??

target=??blank??

锛?4锛?mailto:浣跨?ㄨ??炬?ュ???伴??浠跺????

<a href=??mailto:??>e-mail_link</a>

?煎?锛?

href=mailto:??绠卞?闆????稿?沖????cc????&subject涓婚?&body??瀹?

href=??mailto:[email?protected]?
              [email?protected];[email?protected]&
              subject=My First Email&
              body=hello world!??

锛?5锛?璧?婧?涓?杞?/h4>

<a href=??璺?寰??? download=??涓?杞藉??淇?瀛?????浠跺????></a>

6.??琛?list

??搴???琛? ??搴???琛? ??瀹?涔???琛?

锛?1锛???搴???琛?/h4> 
<ol>
   <li>list1</li>
   <li>list2</li>
</ol>

灞???/th>

type="1" "a" "A" "i"

start="10"

 璧峰?浣?缃?浠?搴???0寮?濮?

锛?2锛???搴???琛?/h4> 
<ul>
   <li>list1</li>
   <li>list2</li>
</ul>

灞???/th>
type="disc"榛???"circle"绌哄??? "square"?瑰??

??琛ㄥ?充?甯?灞???搴??ㄢ???峰?琛?

<style type="text/css">
			/*灏?id=navigator??list??涓哄?艱????*/
			#head_list ol{
				list-style: none;
			}
			#head_list ol li{
				width: 200px;
				float:left;
			}
			#head_list hr{
				clear: left;
			}
</style>
body涓?html????璁?		<div id="head_list">
			<h1>??搴???琛?lt;/h1>
			<ol id="navigator">
				<li>list_1</li>
				<li>list_2</li>
				<li>list_3</li>
				<li>list_4</li>
				<li>list_5</li>
			</ol>	
			<hr />
		</div>

绗?浜?绔?:琛ㄦ?間?甯?灞? 

<table >
   <tr><td></td></tr>
</table

1.table

锛?1锛?table?烘??灞???/h4> 
border=??杈規?瀹藉害??
bordercolor=??杈規?棰??測??
bgcolor=???????測??
background=???????捐礬寰???
width=??瀹藉害??     ??绱?   %
height=??楂?搴???  涓???涓?璁劇疆楂?搴????瀹矽????搴?
align=??center??   left   right
(?懼??able??璁伴??锛?琛ㄦ?奸??瀵歸〉?㈠?涓?----甯?灞?
?懼??r   td  ??璁伴??锛?琛ㄦ?間腑??瀹瑰?涓?---????)
valign=??top??  middle    bottom------瀵?r td涓?????
cellpadding=??琛ㄥ??璺???  琛ㄦ?肩嚎?????ㄦ??瀛????磋?
cellspacing=??琛ㄦ?肩嚎?磋?绂燴??

锛?2锛???棰???璁扳????????

??璇? 浠ｇ??
琛ㄥ???棰???璁?/td>

<caption></caption>
琛ㄥ????棰?琛???璁?/td>

<th></th>
??骞跺??

colspan=" "
??骞惰?

rowspan=" "

锛?3锛?琛ㄦ?煎?灞???璁?/h4> 
<talbe>
<thead></thead>
<tbody></tbody>
<tfoot></tfoot>
</table
map?劇????灏?杩??? 渚?锛? 
<img src="璺?寰?" usemap="#map_name"/>
<map  name="map_name">
<area shape="rect" coords="180,50,20"  href="html/new_file_1.html" target="_blank" rel="external nofollow"  target="_blank" title="??搴?┖?? />
</map>
shape="circle"  ??褰?   coords="x,y,r"
     ="rect"    ?╁艦    coords="x1,y1,x2,y2"
     ="poligon" 澶?杈瑰艦  coords=??x1,y1,x2,y2,x3,y3,x4,y4??.??

绗?涓?绔?锛?妗??跺?灞?

frameset

iframe

web web前端技術
上一篇: 5G小型蜂應用指南
下一篇: 前端開發技術彙總

繼續閱讀