HTML+CSS 基本のHTMLタグで簡単にはじめる (2)
ハイパーリンク
形式: <a href=''></a>
次の例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="php.cn">php中文網(wǎng)</a> </body> </html>
注: href はタグ href= の必須屬性ですBaidu、Taobao などの「リンク先」です。
空のリンクとは何ですか?
空のリンクを作成するには # キーを使用します
コードは次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <a href="#">php中文網(wǎng)</a> </body> </html>
この方法では、リンクをクリックしても応答がありません
CSS スタイル タグを使用する方法
<style></style>
注: スタイル タグはヘッダー ファイルに書き込まれます。 、コードは次のとおりです<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*寫入css樣式*/ </style> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>注: type 屬性は、スタイル要素の內(nèi)容を定義するために必要です?？赡埭蕚帳稀竧ext/css」のみです。 スクリプト コードの記述も同様です。 次のコードに示すように
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript"> //寫入腳本代碼 </script> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>type 屬性でスクリプトの種類を指定します
ピクチャー ラベル
<img> :
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> 歡迎來到php中文網(wǎng) <img src="images/1.jpg"> </body> </html>この畫像が存在する場合、この畫像が表示されます
外部スタイルまたはスクリプトの紹介
外部スタイルの紹介。たとえば、style.cssファイルを作成します。現(xiàn)在のページで使用する 次のコードに示すように、style.css ファイルのスタイルに移動(dòng)します:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>このようにして、スタイルを?qū)毪筏蓼筏?p>
外部スクリプト ファイルを?qū)毪筏蓼?strong>
次のコードに示すように:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="index.js"></script> </head> <body> 歡迎來到php中文網(wǎng) </body> </html>
