html 태그
<html> : html태그로 이 문서를 HTML문서, 웹사이트를 나타내는 문서라고 명시
head 태그
<head> : 이 html문서가 어떤 문서인지 명시하는 정보가 들어감
<title> : 웹사이트의 타이틀을 명시
<link href="style.css" rel="stylesheet"> : 다른곳에 저장된 파일을 불러올 때
- href : 파일의 위치
- rel : 파일의 타입
<meta> : 이 웹사이트가 어떤 정보를 담고있는 지 명시
<style> : html파일 내에서 CSS코드를 쓸 수 있게함
body 태그
<body> : HTML 문서의 텍스트, 하이퍼링크, 이미지, 리스트 등과 같은
모든 콘텐츠를 포함하는 영역을 정의할 때 사용
- 텍스트 관련
<h1>~<h6> : 글씨 크기를 제목처럼 바꿔줌
<b> : 굵은 글씨
<i> : 기울어진 글씨
<p> : 글의 한 문단을 나타냄
- 미디어 관련
<img src="주소"> : 사진
<video src="주소"> : 동영상
- 링크
<a href="주소" target="_blank"> : 클릭시 해당 주소로 이동
target="_blank" : 새창을 띄워서 이동
- 테이블
<table border="1"> : 테두리가 1굵기의 표 형식
<thead> : 컬럼의 이름과 갯수
<tbody> : 표의 내용
<tr> : 가로줄
<td> : 세로줄
- 목록 태그
<ol> 태그 : 숫자나 알파벳 등 순서가 있는 목록
<ul> 태그 : 순서가 필요없는 목록
<li> 태그 : 목록의 항목들
- 구역 나누는 태그
<div> : 한줄 전체를 차지
<span> : 내용 만큼의 공간만 차지
- 정보를 받을 때
<input type="?">
- text : text정보를 받을 때
- checkbox : 체크로 정보를 받을 때
- radio : 동그라미 체크박스
- color : 색깔 입력 받을 때
- email : 이메일인지 확인해줌
- password : 보이지않게 표시
<textarea> : 여러 문장을 입력 받을 때
<select><option> : 드랍다운 -> 남자,여자와 같이 누르면 밑으로 나옴
<form> : 태그안의 input태그 등의 데이터를 묶어서 받음
'기초' 카테고리의 다른 글
Firebase 회원가입, 로그인 기능 구현 (0) | 2022.11.09 |
---|---|
데이터베이스의 개념과 CRUD 게시판 만들기 (0) | 2022.11.08 |
구글 메인 따라하기 (0) | 2022.11.08 |
부트스트랩 따라하기 (0) | 2022.11.08 |
웹 사이트를 만들 때 필요한 구성 요소 (0) | 2022.11.08 |
댓글