2021.06.28基本HTML

17646 ワード
テキストリンク
Webページを構成するための必要条件
五種類

『私のミスの場所』

このようにして、ページ上部のタイトルは変更されません.
どの部分が間違っているのか、講義のビデオと比較してみましょう.
よく見えませんが、止めて探さなければならないと思いますので、探してみました.
自分で作成したページでマウスの右ボタンを押してチェックし、タグを読み取るとbodyタグ内にタグが設定されていることがわかり、タイトルはそのままホームページに表示されるのでheadタグ内

このように入力して、また間違いを捕まえることができます!
Webサイトに表示される=ビジュアル化された情報はbodyラベルに表示されます.
印刷するとデフォルト出力で、ここでもっときれいに飾りたいならcssで裁断できます.

target->新しいタブとして使用するか、現在のタブのみとして使用するかを指定します.
blank->現在のステップで開かれていません
新しいステップを開くときに開く効果
self----->現在のステップで開くタグを許可
基本的な部分をミスしてしまったので、緊張した気持ちで続けていきます.
一つ一つ順番に進んで、実習画面がよく出力されているのを見ました.


#アップルイメージのコードを追加#

このときurlアドレスは私が使いたい画像アドレスです.
imgラベルを使用する場合はart属性値を含める必要があります
芸術的価値.
1.盲人はウェブサイトを利用する時にスクリーンリーダープログラムを使って、テキストだけを認識して、art属性を利用してテキストを入力する必要がある
  • X線ボックスが画像の位置に表示されている場合は、その位置にどのような情報があるかを示すX線ボックスが必要です.
    • imgラベルがwidth heightを使用して画像を大きく変更すると、比率は変わりますが、画像は破損しません.
    Web規格
    <タイトル>一時タイトル
    ->これがメインであることをブラウザに伝えることができます.
    検索エンジンで発見される確率が高い
    実は<本文>林世載エントリ2
    私が入力した性質に合ったタグを使用する必要があります.
    検索エンジンに見つかるかも!!
     <h1>Title</h1>
<h2>Title</h2>
<h3>Title</h3>
<h4>Title</h4>
<h5>Title</h5>
<h6>Title</h6>
    ->タイトルなど
    h 1からh 6を表し、h 1は最も重要な情報を含まなければならない(番号が最大であるため)
    hラベル使用上の注意
    サイトを利用する場合、サイトのロゴ(サービス名)が最も重要な情報になる可能性があります!
    サイト上のロゴは存在しません.
    1つのページでは、各セッションに代表セクションのタイトル情報が含まれている必要があります.

    **スペースは1つのスペースしか認識できません

    東海の水と白頭山が涸れるまで
    文の特定の語にデザインを適用する
    りんごはりんごの木の実です.
    特定の単語を強調するデザインを文に適用します.
    markラベルを使用する場合、すべての背景色またはすべてを変更する場合はcssを使用します.
    OL->シーケンスリストの情報を表示するには
    LI->実績入力ボックス
    UL->シーケンスレスリストの情報を表示する
    OLとULタグを使用する場合、内部に入るタグ**はLIタグでなければなりません


    • 閉じる
    あるいは、ポップアップウィンドウを完全に閉じる(データ通信に関係なく)

    確認
    submitは、入力された情報をバックエンド開発者(サーバ)に転送するために使用されます.

    **selectにはoption値しか含まれません
    ![](https://media.vlpt.us/images/yoowhae/post/76288152-069b-47ec-b69d-0f6175ea532d/10.PNG)
    職業を選んでください.
    ->selected disabledを入れ、プレビュー形式のように学生、会社員、その他のみを選択できます->職業は選択しないでください
    n/a.学生
    会社員
    その他
    도표만들기
    見出し表の見出し
    このグラフの使用方法を示す
    テーブルの端
    1本の線.
    thを使用して各項目にタイトルを付ける
    ->thとペアを組む必要がある
    つまり、3つのエントリがある場合、各エントリにも3つの情報があります.
    td colspan=>ホットマージコード
    商品情報商品
    色:
    価格
    MacBook Pro 16インチグレー
    3000ウォン
    12インチタブレット
    12インチタブレット
    赤
    1000元
    12インチタブレット
    青
    1000元
    合計価格
    <スペースを作成するときに使用するラベル>
    <最初に目に入ったトップラベル>
    <header>

	<h1>
		<a href="#">
			<img>
		</a>

	</h1>

	<nav>
		<ul>
			<li><a href="#">메뉴1</a></li>
			<li><a href="#">메뉴2</a></li>
			<li><a href="#">메뉴3</a></li>
		</ul>
	</nav>
	
</header>
    <本明細書の作成に使用するタグ
    1つのドキュメントで1回のみ使用!>
    <main role="main">

	<rold 을 넣는 이유 : 태그의 역할이 main 이다 라고 익스플로러한테 알려주기때문>
	

	<section>

		<section 태그는 주로 각각의 영역들을 꾸며줌 섹션을 대표하는 타이틀정보가 있어야함 
main 안쪽이든 밖이든 상관X >

	<h2>Service</h2>
</section>

<section>
	<h2>portfolio</h2>
</section>

<article>
	<공간을 대표하는 타이틀 정보 필요>

	<h2>Articl title</h2>

	<p>Nice to meet you</p>
	</article>

	<본문내용 p로 넣어주기>

	<aside></aside>
		<본문내용과 관계성이 조금 떨어지는 영역을 aside로 넣어줌>

	<footer></footer>

	<가장 하단에 들어가는 내용물을 footer에 입력>

	<임의 공간(큰 구역 안에 작은 구역)을 만들때 div태그사용>

	<div></div>

	<form></form>
	<사용자에게 정보를 입력받는 공간으로 
	<label></label>
	<input type="" name=""> 와 함께 쓰여야함>

</main>
    hearder、nav、main、section、article、aside、footerはHTML 5に新しく登場し、より低いバージョンでは利用できません
    2021.05.28. 開発ログ
    クリップボード機能の実装