1일차 (생활코딩 WEB-HTML&Internet)

💎WEB/Web 개념정리

˚₊✩‧₊ 1일차 (생활코딩 WEB-HTML&Internet) ˚₊✩‧₊

HYEJU01 2022. 7. 28. 01:52

생활코딩 WEB-HTML&Internet

프로젝트동기 ✅

기획 ✅

코딩과 HTML ✅

HTML 코딩 실습 환경 준비 ✅

- 아톰 설치

- 웹브라우저에서 ctrl + O => html 파일 선택해서 오픈

기본 문법 - 태그✅

- 강조 (굵게)

- 언더라인

- 한글이 깨질땐? <meta charset="utf-8">

혁명적인 변화✅

- W3C(The World Wide Web Consortium) 국제민간표준화기구

- https://www.w3schools.com/

통계에 기반한 학습✅

-https://www.advancedwebranking.com/seo/html-study/

줄바꿈✅

- 줄바꿈

- 무엇인가 설명하지 않는 태그는 감싸야하는 컨텐츠가 없으므로 태그를 닫지 않는 규칙이 있음.

(img, input, br, hr, meta 등)

- 줄바꿈을 하는 이유는 단락을 표현하기 위해서 단락(paragraph)

- 단락 표현 (줄바꿈있음)

- 내부스타일 CSS

HTML 이 중요한 이유✅

- 웹의 핵심적인 철학은 접근성

최후의 문법 속성과 img✅

- 태그 속성

- <img src="" >

- <img width="100%">

부모 자식과 목록✅

- <li> 목록

- <ul> 순서없는 목록

- <ol> 순서있는 목록

문서의 구조와 슈퍼스타들✅

- <title> </title> 웹페이지 제목

- <meta charset="utf-8"> 웹페이지가 저장된 문자 표현 방식 + 웹브라우저가 웹페이지를 해석하는 방식이 일치하지 않을 때 문자가 깨짐

- <head> </head>

- <body> </body>

HTML 태그의 제왕 ✅

- anchor의 첫글자 a

- <a href="" target="_blank" title="" ></a>

- href 는 Hyper Text Reference

- target="_blank" 새창에서 페이지가 열리게 하는 속성

- title 어떤 내용을 담고 있는지 툴팁으로 보여줌

웹사이트 완성✅

원시웹✅

- 분산된 형태의 통신시스템을 구상하게 되는데 그것이 인터넷의 시작이었습니다.

- 웹의 고향은 스위스 / 유럽입자물리연구소

- 팀버너스리 , 세계최초의 웹브라우저 월드 와이드 웹(world wide web) =원시웹

인터넷을 여는 열쇠 : 서버와 클라이언트✅

- 클라이언트(브라우저) <> 서버 (서버)

- 1 컴퓨터에 직접 웹 서버 설치

- 2 웹서버 제공 업체 이용 = 웹 호스팅 업체

웹호스팅 github pages (2022년 수정판)✅

- 깃 허브 가입 후 웹 호스팅하는 방법

- 저장소 생성 > 파일 업로드 > 인터넷을 통해 서비스 (setting > pages > branch ~

저작자표시 비영리 변경금지

현재글1일차 (생활코딩 WEB-HTML&Internet)

개발일지📝

˚₊✩‧₊ 1일차 (생활코딩 WEB-HTML&Internet) ˚₊✩‧₊

'💎WEB/Web 개념정리'의 다른글

티스토리툴바

˚₊✩‧₊ 1일차 (생활코딩 WEB-HTML&Internet) ˚₊✩‧₊

'💎WEB/Web 개념정리'의 다른글

관련글

티스토리툴바