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>
Reference
この問題について(01-HTML入門), 我々は、より多くの情報をここで見つけました
https://velog.io/@yooniverse/html-기초
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol
<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>
Reference
この問題について(01-HTML入門), 我々は、より多くの情報をここで見つけました https://velog.io/@yooniverse/html-기초テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol