6장 - 기본문법 tag
- 기본 tag
<strong></strong> : tag 내부의 글자를 굵게 표시
<\u><\/u> : tag 내부의 글자를 밑줄 표시
-두 tag를 한꺼번에 사용가능! 7장 - 혁명적인 변화
- 제목임을 알려주는 tag
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
: 1부터 6까지 존재, 숫자가 낮을수록 높은 순위의 제목9장 - 줄바꿈 : br vs p
<br> : 단지 줄바꿈이라는 시각적 의미만 지님(열린 tag만 존재)
<p></p> : 단락을 구분하기 위한 tag (단락의 구별을 위한 tag)
+ <p style="margin-top:45px;"></p>
: css를 사용하여 추가적으로 단락의 위치를 정교하게 조절 가능
-> 의미에 맞는 tag를 사용하는 것이 중요함!11장 - img tag
<img width="" src=""> : width, src -> attribute(속성, 순서상관x)12장 - 부모, 자식 tag
- 목차를 만들기 위한 tag
<ul></ul>: 부모 tag, 반드시 자식 tag를 가지고 있다 -> unordered list
<li></li> : 자식 tag, 반드시 부모 tag를 가지고 있다
<ol></ol>: 목차의 숫자 자동 셋팅 -> ordered list13장 - 문서의 구조
- 문서를 구성하는 tag
<title><title> : web page의 제목을 셋팅
<meta charset="utf-8"> : utf-8 방식으로 문서를 읽으시오
<head></head> : 본문을 설명하는 tag (고위직)
<body></body> : 본문임을 알리는 tag (고위직)
<html></html> : 최고위층 tag (단 한개)
<!doctype html> : 본 문서가 html임을 알리는 관용적 표현14장 - tag의 제왕
- 링크를 걸기위한 tag
<a href="https://www.leagueoflegends.com/ko-kr/"
target="_blank" title="TFT 공식 사이트">TFT</a>
: TFT 라는 본문에 링크 걸림 + target 옵션으로 새창에서 열기 + 링크 툴팁(title)15장 - 웹사이트 완성
- 사이트의 구조를 나누기 위한 tag
<h1><a href="index.html">LOL</a></h1>
<ol>
<li><a href="3.html">소환사의 협곡</a></li>
<li><a href="2.html">칼바람의 나락</a></li>
<li><a href="1.html">전략적 팀 전투</a></li>
새로운 페이지 생성 , 페이지에 알맞은 내용으로 수정!
각각의 페이지에 맞는 링크 삽입 + 구현16장 - 원시웹
인터넷 (큰 범위) - web, email, ftp...(작은 범위)
web의 탄생 : 스위스 (팀 버너스리, 웹의 아버지)
17장 - 인터넷을 여는 열쇠
인터넷의 최소 조건 : 컴퓨터 2대
( web browser - request하는 컴퓨터, client / web server - response하는 컴퓨터, server )
<web server 사용하기>
web hosting vs web server
web hosting : 이미 제공하고 있는 서비스를 이용하면 됌! but 원리 알기 어려움
web server : 직접 서버를 구현하고 작동시켜야 하기 때문에 현실적으로 어려움 but, 과정이 가시적이기에 원리를 이해하기 좋음
18장 웹호스팅
인터넷에 연결된 컴퓨터 : host
이러한 컴퓨터를 빌려주는 것 : cloud, hosting
hosting 중에서 웹에 필요한 sw까지 설치해서 빌려주는 것 : web hosting
-> github 이용 (repository - commit)
(setting - page - none - main - save)
github page 서비스 : github 자체에서 web hosting 기능 제공
local -> hosting platform upload -> hosting platform web server
-> visitor(web browser)
https://returntooz.github.io/my-first-web-site/
위 링크는 본문에서 설명한 실습 코드들을 직접 구현한 github page 입니다!
