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