본문 바로가기
기초

HTML

by danny-j 2022. 11. 8.

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태그 등의 데이터를 묶어서 받음

 

댓글