HTML
공부중 기억할 내용들을 정리한 글입니다.
참고하시길 바랍니다.
HTML(HyperText Markup Language)은 배우기 쉬우며
실생활에서 사용자들이 가장 빈번히 마주하는 언어이기에 가장 중요하다.
*public domain : 기본적으로 모든 웹페이지들은 오픈소스이다.
기본적인 구조 : 여는 태그와 닫는 태그 사이에 내용을 위치시킨다.
HTML 소스의 기본적인 태그
- <!doctype html> : 웹문서의 유형을 html로 지정
- <html lang = "**"> : html의 언어를 ** 으로 지정(ex. ko, en)
- <head> : 웹브라우저의 정보를 입력하는 곳
- <meta> : <meta charset = "UTF-8">을 주로 사용, 메타 데이터를 입력하는 곳
- <title> : 문서 제목
- <body> : 내용을 입력하는 곳
자주 사용하게 될 태그
- <strong> : 텍스트를 굵게, 내용을 강조하는 용도
- <b> : <strong>과는 다르게 단순히 텍스트를 굵게
- <u> : 밑줄
- <h1>,<h2>... : 제목
- <p> : 단락
- <br> : 줄 바꿈( 닫는 태그 사용 X)
- <ol> : 순서가 있는(ordered) 리스트
- <ul> : 순서가 없는(unordered) 리스트
- <img> : 이미지 삽입. 구조는 <img src = "이미지 경로">
- <table> : 테이블 만들기
- <tr> : 테이블에 행 삽입
- <td> : 테이블에 열 삽입
외부 파일 또는 경로를 삽입 시 사용하는 태그
- <img> : 이미지 삽입. 구조는 <img src = "이미지 경로">
- <table> : 테이블 만들기
- <tr> : 테이블에 행 삽입
- <td> : 테이블에 열 삽입
- <object> : 오디오, 비디오 등 삽입. 구조는 <object data="파일">,</object>
- <embeded> : 오디오, 비디오 등 삽입. 구조는 <embeded data="파일"> (닫는 태그 없음)
- <audio> : 브라우저에서 바로 재생하는 오디오 파일 삽입. 구조는 <audio src="파일">
- <video> : 브라우저에서 바로 재생하는 비디오 파일 삽입. 구조는 <video src="파일">
- <a> : 하이퍼링크 삽입. 구조는 <a href="주소>텍스트 또는 이미지</a>