[WEB] HTML Basic


HTML


Programming Language
Markup Language

HTML Head

<!DOCTYPE html>
<html lang="en">
<head> <!--숨은 데이터를 정의하는 태그들의 위치-->
	<meta charset="UTF-8"> <!--문자 인코딩 방식 선언-->
	<meta http-equiv="X-UA-Compatible" content="IE=edge"> <!--플러그인 엔진 설정?? 공부 필요-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"> <!--뷰 포인트 설정-->
	<title>Title</title> <!--웹 페이지의 제목-->
</head>
<body>
  <!--Content-->
</body>
</html>

HTML CSS/JS

<!--css파일 불러오기-->
<link rel="stylesheet" href="./css/main.css">
<!--css파일 작성-->
<style>
	img {
      	width: 100px;
      	height: 200px;
    }
	p {
		font-size: 20px;
		font-weight: bold;
	}
</style>
<!--js 불러오기-->
<script src="./js/main.js"></script> 
<!--js 작성-->
<script>
	function exampleFunction() {

	}
</script>

Tag


Tag


TagDescription <div> / <span>のコンテンツをバンドルするときに使用するdiv:幅全占有/span:<br>行をコンテンツサイズ別に置換して<p>段落/段落見出しを生成し、検索エンジンがドキュメントを識別するために使用する<h#> cssと組み合わせて使用し、<div> cssと組み合わせて使用するレイアウトを設計するために使用する(改行x)<span>リスト<li>ページまたは外部サイト接続self:現在ページ/blank:新しいラベル<a>画像ラベルを挿入する

Example



<img>




入力フォームのラベルの処理


input type


タイプDescription
普通文字
textarea普通文字(改行可能)<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<>>>>>>>>>>>>>>>>>>>>>>>>>>>>><<複数の選択コンポーネントを使用して
ファイルアップロードファイル
非表示非表示要素

example