.HTMLドキュメントを合成する際の注意点
デフォルトのフォーマット
大文字と小文字を区別しないが、できるだけ小文字に統一する開始ラベルおよび終了ラベル <h1></h1>
インデントは必須不要不要なスペーステキスト形式
<em>
:強調が必要<strong>
:重要テキスト<mark>
:ハイライトテキストすべてのテキストスタイルはCSSを使用する必要があります.
Boldテキスト:CSSのfont-weightプロパティを使用
を選択します。
基本
<br>
:強制改行<p>
:段落段落前後空行 <pre>
:あまり使いにくいプログラマが入力したように画面に表示 previously formatted text <h1>
:h 1~h 6,タイトル(heading)<!-- -->
:注釈を選択します。
インベントリ
プロジェクトのリストに使用li,di,ddリスト項目表示リスト項目には、テキスト、画像、リンク、その他のリストも含まれていてもよい.ul > li
順序なしulラベルのtypeプロパティ:プロジェクト全体のtypeを設定します. disc : ● circle : ○ square : ■ <ul>
<li>항목1</li>
<li type = "circle">항목2</li>
<li type = "disc">항목2</li>
<li type = "square">항목2</li>
</ul>
ol > li
順序付きリストのフォーマットを作成します. olタグのtypeプロパティ:プロジェクト全体のtypeを設定します.1:数値(1、2、3…デフォルト)A:アルファベット大文字a:アルファベット小文字i:ローマ数字IIIIII... I:ローマ数字IIIIIII... start:olラベルで、任意に開始値を設定します. value:liタグに使用され、プロジェクトから順序値を変更します. <ol type="i" start="11">
<li>항목1</li>
<li type="a">항목2</li>
</ol>
di
表示項目定義(説明)のリストdt:definition termの略で、用語タイトルのタグを表す.改行機能があります. dd:definition descriptionの略で、用語の説明に対するタグを表す.改行機能があります. を選択します。
a
<a href="목적지 주소"target="_blank">구글방문</a>
.href属性
リンク先.targetプロパティ
リンクをクリックすると、新しいページがどこで開くかを指定しますblank:新ウィンドウ新ページself:現在のウィンドウの新しいページparent:親フレーム新ページtop:現在のウィンドウに新しいページをロードし、すべてのフレームをキャンセル<hr>
:水平ページ.id属性
html要素の一意idは、スペースを含んではならない.
▲画像
表示方法
<img>
:Webページに画像を挿入するsrc:指定画像ファイル名width:横height:垂直alt:ブラウザが何らかの理由で画面に画像を表示できない場合は、置換テキストが表示されます.
種類
JPEG(JPG)
リアルフォトは、複雑な多色画像に最適です.
1600万色損失圧縮、少量のデータは永久に消えるPNG
クリップ絵、少量色無損圧縮、透明背景GIF
バッジクリップの絵の形にぴったりの画像256色透明な背景とアニメーションをサポート▲表の作成
表の基本情報
tr: table row
th: table header
td: table data
<table> </table>
<tr> </tr>
:table row,単行表示<td> </td>
:table data,単一データ表示<th> </th>
:table header,各列のタイトル(タイトル) <tr>로 행을 만들고 그 안에 <td></td>를 사용
表の結合
連結行(行span)
rowspan=2、現在のセル位置で2行連結熱病合併(列span)
colspan=3、現在のセル位置で3列をマージ
.iframe
Inline Frame略Webページ内に他のWebページを表示する場合リンクとして使用可能なターゲットフレームリンクのターゲット属性はiframで指定した名前を参照します.
.div & span
div
divideの略ページを論理部分に分割するためのラベル自体は特に意味がなく、ブロックレベルの要素である.
html要素をすべてバンドルするブロックレベルの要素は1行のみ主にウェブページレイアウトに使用div幅と幅は指定できますが、spanはできません.
div必然会改行span
それ自体に特別な意味はありません.テキストは行内レベル要素として使用されます.
スタイルの組合せに使用インライン・レベルの要素は、必要なサイズのみを使用します.
行内要素を指定できません(widthとheightを適用しません)span改行せずに文の真ん中に入るtableタグはdivタグとspanタグを使用してより簡潔なhtmlを整理することができる
リファレンス
以下の項目を多く書け!! placeholder disabled readonly maxlength(電話、郵便番号).Block & Inline
Block-level
使用可能な最大幅指定可能寸法(幅、高さ)marging,padding属性上下左右マージンはいずれも使用可能レイアウト用div,ul,ol,dl,dt,h 1~h 6,li,p,table等Inline-level
必要な幅のみ使用サイズ指定不可marging,padding属性の左右マージンのみテキスト処理用a,br,b,code,strong,img,span等
Reference
この問題について(HTML 2.きほんげんそ), 我々は、より多くの情報をここで見つけました
https://velog.io/@zhyun1220/HTML-2.기본요소
テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol