나만의 프로젝트vV

(1) - HTML 정리

210_yy 2021. 2. 6. 14:03

* 생활코딩 강의를 바탕으로 정리한 내용 (잘못된 부분이 있다면 알려주세여)

 

 

 

HTML (HyperText Markup Language)

 

1. 기본문법 - 태그 

 

 모든 태그를 외울 필요 없다 (구글링 하면 다 나옴)

 

<strong> : 원하는 부분을 굵게 표시

<u> : 밑줄 (underline)

<h1> ~ <h6> : 가장 큰 제목 (heading)

<br/> : 줄바꿈  닫히는 태그가 없지만 <br> 대신에 <br/> 쓰는게 좋음

<p> : 단락 태그 (paragraph) 어디서부터 어디까지가 한 단락인지..

 

2. 기본문법 - 속성

 

 태그가 태그의 이름만으로는 정보가 부족할 때 사용..

 

ex) <img> 태그를 사용할 때

 

<img src = "경로" width = "~%">

src 는 source

 

 

3. 부모자식과 목록

 

 부모-자식 관계 (아래 코드처럼 생긴거)

 

<ul>
   <li>
   </li>
</ul>

얘처럼 항상 부모-자식 관계인 애들이 있음 .. 

<table>은 3개가 같이 다닌다.

 

4. 문서의 구조와 슈퍼스타 태그들 (많이 사용되는 애들)

<head> : body에 대한 설명

<body> : 본문

<html> : 최종 태그

<title> : 웹 페이지 제목

 

 

5. HTML 태그의 제왕

 

"이 태그가 없다면 검색엔진은 존재할 수 없음"

 

<a> : 링크 (anchor)

 

a href = "주소" 속성으로 주는데 여기서 target="_blank" 를 더하면 클릭했을 때 새 링크로 열리고, title = "내용" 을 추가하면 마우스 올려놓을 때 "내용"이 뜬다.

 

 href ==> hypertext refer 를 의미

 

6. 웹 호스팅

 

 호스트 빌려주는 회사 : github (무료)

 

 

7. 채팅 기능 삽입 

   www.tawk.to 에서 제공 (코드 복붙만 하면 사용할 수 있음) 

 

 

반응형