ホームページ >ウェブフロントエンド >htmlチュートリアル >HTMLを早く学ぶ方法
HTMLを早く学ぶ方法
- 迷茫オリジナル
- 2017-01-16 14:16:562265ブラウズ
HTMLを早く学ぶにはどうすればいいですか？
まず第一に、Html とは何かを知る必要があります。正式な英語名は
HyperText Markup Language
通常、私たちはそれをハイパーテキスト マークアップ言語と呼んでいます
これを見て、誰もがまたハイパーテキスト マークアップ言語について混乱していると思います、マークアップ言語は非論理的であるため、学習するのは非常に簡単です。
次の Html の基本構造を見てみましょう
<!DOCTYPE html> <html> <head> <title></title> </head> <body> </body> </html>
Html 内のタグはすべて、開始タグと終了タグと呼ばれるペアで表示されます
8b05045a5be5764f313ed5b9168a17e6ドキュメントは html タイプです
head タグ。通常、この中にコーディング、Web ページのタイトル、または外部の CSS スタイル ファイル、スクリプト ファイルなどを入れます。
これらの書き方を見ていきましょう
(1)エンコーディングを設定
<meta charset=”utf-8”>
(2)Webページのタイトルを設定
<title>php中文网</title>
(3)外部スタイルを導入
<link rel="stylesheet" type="text/css" href="">
(4)外部jsファイルを導入
<script type="text/javascript" src="demo.js"></script>
実は、HTMLにはフォントなどの組み込みスタイルがいくつかありますが、これらはWebページのニーズにまったく対応できないため、基礎的な知識をマスターする方法を共有します。 CSSの。 Web ページのレイアウトを開発する方法を見てみましょう。 2 つの方法があります。 1 つは古いですが、比較的単純な div をレイアウトする方法です。 DW は使用しないでください。DW は視覚化のためのもので、開発にはあまり役に立たないので、他のコンパイラを使用して純粋にコードを書くことができます。書けば書くほど自然と覚えていきます。テーブルの行 tr のコードを見てみましょう。テーブルでは列をセルと呼びます
を見てみましょう。次の例では
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <table cellspacing="0" cellpadding="0" border="1" width="300" height="100"> <tr> <th>姓名</th> <th>籍贯</th> <th>年龄</th> </tr> <tr> <td>张明</td> <td>湖北</td> <td>23</td> </tr> </table> </body> </html>
cellspacing="0" cellpadding="0" これら 2 つの文が書かれていない場合、セル間の境界線に隙間ができてしまいます。友達はローカルでテストできます。