HTML 정리
- Code = 신호 또는 부호라는 의미
- Source = 원천
- Language = 약속 또는 언어(컴퓨터 언어)
- HTML = HyperText Markup Language
- Ctrl + O = 브라우저에서 파일 열기
- <> = Tag, 태그라고 표현, 옵션을 부가하는 기능
- <strong>, </strong> = 글씨 굵게 표현
- <u>, </u> = 글씨 아래 밑줄
- <h1>, </h1> = 제목1, 구획 제목(1부터 6까지 존재함), 글씨의 크기가 커지고 진하게 표현
- <br> = 줄바꿈, 단순히 줄바꿈이여서 닫는 태그가 없음
- <p>, </p> = 단락을 지정하는 태그, 단순히 줄바꿈보다 정보의 가치가 더 큼 (문단으로 이해)
- <img src="경로 또는 주소"> = 이미지를 넣는 태그
- <img src="경로 또는 주소" width="100%"> = 크기를 100% 조정하여 출력
- width나 src(source)는 속성(Attribute)
- <li>, </li> = 항목화, 그룹화, 자식태그
- <ul>, </ul> = 위 태그를 자식으로 설정하는 부모태그, 큰 항목화, Unordered List
- <ol>, </ol> = ul과 위치가 비슷하지만 리스트 앞에 순번을 제공, Ordered List
- <title>, </title> = 웹페이지의 이름을 지정
- <meta charset="utf-8"> = 홈페이지 문자 규칙 규정, 해당 예시는 utf-8로 규정
- <head>, </head> = 홈페이지의 본문이 아닌 title이나 meta와 같은 항목들을 지정, 페이지의 핵심
- <body>, </body> = 홈페이지의 본문
- <html>, </html> = HTML 문서의 구간을 설정
- <!doctype html> = 해당 문서는 HTML 문서라는 점을 알려주는 지표(약속)
- 순서는 doctype > html > head > body
- <a>, </a> = anchor(닻), HyperText의 의미, 링크를 걸 수 있는 기능
- <a href="링크 주소"> = 링크 주소 설정, href(Hypertext Reference)
- <a href="링크 주소" target="_blank"> = 새 창으로 열기
- <a href="링크 주소" title="미리보기 글씨"> = 링크에 마우스를 올렸을 때 미리보이는 기능
- WEB의 원천은 스위스(swiss)
- 1990년대에 개발
- info.cern.ch = Web의 시초(1990.12.24)
- 인터넷은 크게 서버와 클라이언트(이용자, Web Browser)로 구분
- web hosting = Web 서버를 대행해주는 업체에 맡김(Clouding)
- web server = 로컬에 직접 만들기
저작권이 없는 무료 이미지 다운로드 사이트 = https://unsplash.com/ko
아름다운 무료 이미지 및 사진 | Unsplash
어떤 프로젝트를 위해서든 다운로드 및 사용할 수 있는 아름다운 무료 이미지 및 사진입니다. 어떤 로열티 프리 또는 스톡 사진보다 좋습니다.
unsplash.com
출처 = Youtube, 생활코딩, https://www.youtube.com/@coohde
생활코딩
일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. 채널 공개키 : MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDbU/jgeYLWbmUB5pk/wlqMs+2qsOOPgN2ydxOsrWe8JJUXzj5ovsUmjfBSwLjajT6SyO00ulne3zja2PzEZC2wnJCgvZ6lr/ZLvA9yUqmrKRNa
www.youtube.com
'개발 > HTML' 카테고리의 다른 글
| HTML 태그 모음 (0) | 2023.01.17 |
|---|