HTML, CSS

HTML(Hyper Text Markup Language)

웹페이지를 위한 지배적인 마크업 언어로 웹 페이지의 뼈대 역할을 함. 제목, 단락, 리스트, 링크 등으로 구성된 문서를 만들 수 있는 방법을 제공.

 

HTML 특징

• 여는 태그, 닫는 태그가 쌍으로 존재
• 태그를 함께 쓸때 태그들 간 교차 불가
• 크게 head, body태그로 구분

 

대표적인 HTML 태그

h1~h6	headline의 약자. 6종류의 headline을 각각 h1~h6로 표현
div	구역을 나눔. 투명 비닐봉투같은 역할
p	글의 단락. 텍스트 내용을 담음
ul, ol, li	ul: 순서가 없는 리스트 ol: 순서가 있는 리스트 li: 리스트
span	글의 중간에 있는 특정 부분에 색을 입히는 등에 사용
table, th, tr, td	엑셀 같은 표를 그릴 때 사용
img	이미지를 나타낼 때 사용

 

-> 더 자세한 내용

https://opentutorials.org/course/2039

HTML 수업 - 생활코딩

 

 

 

 

---

 

 

 

 

CSS

마크업 언어가 실제 표시되는 방법을 기술하는 스타일 언어로 주로 HTML에 쓰임. HTML 문서에 디자인 요소를 추가하여 보기 좋게 표현 가능.

 

문법

• head > style 태그 안에 작성
• 세미콜론으로 마무리

 

선택자(id, class)

• id: HTML 파일을 통틀어 단 하나만 존재하며 # 로 표시
• class: 중복된 이름 사용이 가능하며 . 으로 효시