WEB1 - HTML & Internet 생활코딩

생활코딩이라는 youtube를 보면서 코딩 공부를 시작하게 되었습니다.

 

1. 기획

코딩 수업과 내용을 잘 정리정돈 할 수 있는 웹사이트를 그림으로 간략하게 그려보기

출처 생활코딩 web1-3 영상 中

2. HTML (HyperText Markup Language)

HTML 언어의 장점

1. 쉽다

 -> 나중에 배울 언어들이 HTML 언어보다 어렵다

2. 중요하다

 -> 인류는 웹페이지를 엄청 많이 본다

 

PUBLIC DOMAIN

웹은 인간의 이런 언어들이 저작권이 없는 퍼블릭 도메인이기 때문에 좋다

 

제목 설정

제목만 잘 설정한다면 검색엔진에서 우위를 차지 할 수 있다

 

접근성

3. 코딩 실습

TAG 이용하여 문장 강조하기

-.문장에서 굵은 글씨로 쓰고 싶은 부분이 있으면 <strong> ~~~ </strong>

-.문장에서 밑줄을 긋고 싶다면 <u> ~ </u>

-. 줄바꿈 태그 <br>

-. 단락 바꿈 태그 <p>

+ TAG 는 상당히 많으니 검색해서 이용해

 

속성

을 이용하여 화려한 홈페이지 만들기

 

-. 이미지 추가 <img src="파일명" width="사이즈"

 

인터넷 vs Web

인터넷 - 도시

Web - 도시 속 건물 한 채

출처 생활코딩 web1-16 영상 中

인터넷이 생기게 된 이유는 핵전쟁 때문인데 인터넷이 없었던 때 미국에서 핵을 맞은 후의 삶을 시뮬레이션 해봤는데 통신의 문제가 생기는 결과를 도출했다. 따라서 인터넷을 만들어서 중앙처리 시스템을 없애고자 하였다.

웹이 생성되는 곳은 swiss 제네바에 있는 유럽 입자 물리 연구소에서 생성된다.  

 

 

서버와 클라이언트

출처 생활코딩 web1-17 영상 中

 

 

 

 

-부록-

css를 사용하여 단락 바꿈 태그(<p>)에서 줄 간격을 자유자재로 바꿀 수 있음

-> <p style='margin-top:40px;'>

 

https://www.youtube.com/c/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A91

생활코딩