HTMLを早く学ぶ方法

迷茫
リリース: 2017-01-16 14:16:56
オリジナル
2282 人が閲覧しました

HTMLを早く学ぶにはどうすればいいですか?

まず第一に、Html とは何かを知る必要があります。正式な英語名は
HyperText Markup Language

通常、私たちはそれをハイパーテキスト マークアップ言語と呼んでいます

これを見て、誰もがまたハイパーテキスト マークアップ言語について混乱していると思います、マークアップ言語は非論理的であるため、学習するのは非常に簡単です。

次の Html の基本構造を見てみましょう

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
ログイン後にコピー

Html 内のタグはすべて、開始タグと終了タグと呼ばれるペアで表示されます

ドキュメントは 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 つの文が書かれていない場合、セル間の境界線に隙間ができてしまいます。友達はローカルでテストできます。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート