HTMLのやり方

基本的な Web サイト開発能力を備えた開発者になるには、HTML (ハイパーテキスト マークアップ言語) を最初に学習する必要があります。この記事では、HTML を使用して独自の Web サイトをゼロから作成する方法を説明します。

HTML とは何ですか?

HTML は Web ページの基本テクノロジーの 1 つで、Web ページにテキスト、画像、ビデオ、その他のコンテンツを追加できるマークアップ方法を提供します。 HTML は、マークアップで囲まれた一連の要素を記述することによってこれを行います。これらのタグは、山括弧 (< および >) を使用して開始タグと終了タグを定義します。たとえば、次はタイトル要素と段落要素を含む基本的な HTML ページです。

  <title>我的第一个 HTML 页面</title>

< body> ;

  
欢迎来到我的网站！
  
这是一个段落。在这里添加您自己的内容。



HTML ページの作成方法
HTML ページの作成に役立つ簡単な手順を次に示します。最初の HTML ページ。 
ステップ 1 - テキスト エディターを作成する
お気に入りのテキスト エディターで新しいファイルを作成します。たとえば、Sublime Text、Atom、メモ帳などを使用して作成できます。上記の HTML コードを新しいファイルに入力し、そのファイルを「index.html」として保存します。 
ステップ 2 - HTML ファイルを開く
ファイルを「index.html」として保存した後、ブラウザでファイルを開いて最初の HTML ページを表示することができます。 Google Chrome、Safari、Firefox、または Internet Explorer を使用してファイルを開くことができます。 
タイトルと段落が記載されたページが表示されます。これで、独自のコンテンツの追加を開始できます。 
HTML 要素の使用
HTML 要素は、HTML ページの基本単位です。各要素は、開始タグ、終了タグ、およびそれらの間のテキスト コンテンツで構成されます。たとえば、次はリンクを含む基本的な HTML ページです: 

 
  <title>我的第一个 HTML 页面</title>

 
  <h1>欢迎来到我的网站！</h1>
  <p>这是我的 <a href="http://www.example.com">链接</a>.</p>


この例では、link 要素と href 属性を追加しました。 href 属性はリンク先の URL を指定します。ユーザーがリンクをクリックするとその URL が開きます。 
一般的に使用される HTML 要素をいくつか示します: 
Headings - Heading

 
これは見出し 1< ;/h1>
 
これはタイトル 2

 
これはタイトル 3

 
これはタイトル 4


段落 - 段落
これは段落です。ここに独自のコンテンツを追加します。 

#link - link


これはリンクです
image - image

一般的に使用される HTML 属性
属性は、その他の要素に付加される HTML 要素です。複数の要素の情報。たとえば、正しいコンテンツを表示するには、link 要素に href 属性を含める必要があります。一般的に使用される HTML 属性は次のとおりです。 

id ​​- HTML 要素の一意の識別子を定義します

これは段落です。 

class - 複数の HTML 要素のクラス名を定義します

中央揃えの段落。 

style - CSS スタイル 

red 段落を指定するために使用されます。 

src - 画像のソースを指定するために使用されます

概要
HTML は Web サイト開発の基礎であり、独自の Web ページを作成し、独自のコンテンツを追加できます。上の例は、独自の Web サイトを設計するために使用できるいくつかの一般的な HTML 要素と属性を示しています。 HTML のその他の高度な機能をより深く理解するには、HTML を深く学ぶ必要があります。幸運を！ 
以上がHTMLのやり方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。