01-HTML入門


HTML?


-Webブラウザ環境の基礎
HTMLはウェブページの主流のタグ言語であり、ブラウザを通じて見られるものはすべてHTMLタグの産物である.
ウェブページを通して伝えたいすべての情報コンテンツの集合であるため,文書構造や情報レベルを明確に表示できるHTMLコードを作成することが重要である.
それを「詩的なマーク」と表現する.
Webサイトからcssを削除すると、HTMLの構造を確認できます

なぜシステム化された寸法が必要なのか


-開発者およびブラウザ
1.検索エンジンの最適化
ブラウザは、情報の等級順を決定する際に、自然言語ではなくHTMLの寸法を参照するため、情報の重要性を考慮しない寸法は、Webサイトの露出に悪影響を及ぼす可能性があります.
2.情報の可視性の向上
コードを修正する際、重要度を含まないタグをめちゃくちゃに配置すると、ブラウザの混乱だけでなく、開発者の混乱も引き起こす.
3.アクセス性
スクリーンリーダーとブラウザは、コードをより簡単に説明することができ、モバイルデバイスと視覚障害者のWebアクセス能力を向上させることができます.

画像を挿入するための概略的なWebページとタグとして理解されます。

<img alt=""> , <div> & background-imageコンテンツの意味としては,検索エンジンを最適化するためにhtml内でimgタグを用いてメタデータとして認識する.
逆に,単純に設計された画像であれば,divタグとcssの背景−画像を用いてページを認識できない.
データに意味があるかどうかを判断し、詩的なネットワークを構築します.

重要な要素


•タイトル関連要素<h1>~<h6>は、より重要度とフォントサイズを順次提供
<p>段落タグ
<emp>重要性の強調(スケッチ)
<i>スケッチ
<strong>重要性の強調(太字)
<b>太字
<u>下線
<div>行合計占有率(Block level)
<span>コンテンツのみ(inline level)
<q>文の引用文を使用
<blockquote>段落または完全な引用文を使用
<li> list(ulのサブエレメント)
<ul> unordered list
<ol> ordered list

属性プロパティ


タグの動作を制御するには、「開いたタグ」で使用される特殊な用語に追加の情報が提供され、一部のタグには属性が必要です.

Audio•Image•Video

html <audio src=""></audio>を使用してパスまたは入力リンクを直接設定

Anchor

html <a href="http://link">text</a> urlhtml <a href="page.html"></a> htmlドキュメントの詳細パスを使用することもできます.html <a href="mailto:emailaddress"></a>メールリンクhtml <a href="tel:phonenumber"></a>移動

table

<th>ヘッダー・セルの残りの部分を標準セルに分割します.
順位
おやつ
1
キャラメル
2
マグロ缶
<html>
  <table border="1">
     <thead>
      	<tr>
    	  <th>순위</th>
    	  <th>간식</th>
    	</tr>
     </thead>  
     <tbody>
     	<tr>
    	  <td>1</td>
      	  <td>츄르</td>
    	</tr>
    	<tr>
      	  <td>2</td>
    	  <td>참치캔</td>
    	</tr>
     </tbody>
  </table>
</html>