5日目-HTML
Achievement Goals
-> O
-> O
-> O
-> O
-> O
-> O
-> O
-> O
-> O
-> O
-> O
-> O
-> O
HTMl
まずよく使うtagを学び、残り130個以上~以上のtagは必要なときに検索して使うのがベストです.私はhtmlのダウンロードが比较的に简単だと思って、だから直ちに探し出して学ぶことができます.
<html>、<head>、<body>タグ
htmlは
<html>
<head>
</head>
<body>
</body>
</html>
構造からなる.下の写真を見ると、一気に理解できるようです.<p>ラベル
上図では、
<body>
タグの下に<p>
タグが表示され、この<p>
タグはカナダラマバサ
アザチャカタパ川
<p>
バナナ</p>
カナダラマバサアザチャカタパ川
<h>ラベル
hラベルはタイトルラベルで,1から6,1が最大,6が最小である.ブログを書いたことがあるなら、h 1、h 2~h 6が見えます.
hタグはhtmlの中でかなり重要です.グーグルの検索エンジンはh 1タグをタイトルとして認識し、検索結果に送信します.使い方は
<h1>
題</h1>
のように入力すればよい.<div>および<span>タグ
divとspanラベルは一見差が少ないと勘違いするかもしれませんが、10回くらい使うと違います.
divは改行を伴う必要があり、spanは改行しない.
divはすべての幅(blockプロパティ)を割り当て、spanはコンテンツ(行内プロパティ)のみを割り当てます.
タグを開く、閉じる、空のタグ
マークの多くは、開いたマーク
<p>
で始まり、閉じたマーク</p>
で終わる.一部のラベルは閉じる必要はありません.彼らは空のラベルと呼ばれています.空のラベルでよく使用されるリストは次のとおりです.
<img>
、<link>
、<br>
、<meta>
、<source>
、<embed>
、<input>
、<source>
などがあります.<ul>、<ol>、<li>ラベル
ulは無秩序な略語で、未整理のリストを表す.
使用時は上図のようになります.ulはliラベルをサブ要素として使用する必要があります.
olはOrderedの略で、リストを表します.リストに順序が必要な場合に使用します.
使用する場合は、liタグをサブ要素として使用する必要があります.
Liはlistmlの略で、リストを表します.アイテムをリスト形式で表示します.
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
に表示されます.dldtddラベルもありますが、使うものがよく見えないようで、必要なときに探して使います.
<input>タグ
inputラベルは、ユーザーから値を取得するために使用されます.
inputラベルには属性値がたくさんあります.
<input type="button" id="button1" onclick="button1_click();" value="버튼1">
四角形の作成ボタンを使用して、ボタンをクリックすると、ボタン1に対応する値のイベントが発生します.残りもあまり使わないし、使い方も悪くないので、下のリンクで必要なときに書いたほうがいいです.
https://developer.mozilla.org/ko/docs/Web/HTML/Element/Input
<a>ラベル
実は最も重要なラベルですhrefプロパティを使用して、リンクをハイパーリンクとして作成します.
もし
<a href="http://www.naver.com">Go NAVER</a>
だったら、私は今あなたにNAVERで見せます.target=「blank」を追加すると、新しいラベルページが開きます.
Semantic tag
コンピュータも開発者も理解できる有意義なタグをSemantic tagと呼ぶ.
divやspanのような意味のないラベルは、コンピュータや開発者が何のためにマークされているのか理解できません.(ここで、コンピュータはグーグル検索エンジンや他のポータル検索エンジンを意味する)だから、意味のないラベルを使わないで、できるだけ意味要素を使うべきです.
if(a)のaとBooleanを比較する方法
今日問題を解く時、ifの中の条件式は本当で、しかし{}の中の式は実行していないで、少しおかしいと感じて、だから探してみました...
let a = 5
if(a ===true){
return true
}
if(a == true){
return true
}
trueの戻り値を得るには、aをBooleanタイプに変換するか、if(a)と呼ぶことができます.a=trueとa==trueは誤った比較方式である.==は両側の値を比較するだけなので、==は値とタイプを比較することもできます.
改めて説明します.
aはNumberタイプであり、値は5、trueはBooleanタイプであり、値は1であるため、==と===で比較するのは誤った比較である.したがって,Boolean(a)==trueまたはBoolean(a)=trueを条件文に入れるか,aを1つだけ入れるだけでよい.
Reference
この問題について(5日目-HTML), 我々は、より多くの情報をここで見つけました https://velog.io/@developerjhp/TIL-5일차-HTMLCSSテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol