HTMLを早く学ぶ方法-htmlチュートリアル-php.cn

ホームページ

ウェブフロントエンド

htmlチュートリアル

HTMLを早く学ぶ方法

迷茫

Jan 16, 2017 pm 02:16 PM

html

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

このウェブサイトの声明

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。