코딩공부/html(11)
-
html 5일차 - 웹사이트 완성 / 원시웹 / 인터넷을 여는 열쇠 : 서버와 클라이언트
웹사이트 완성 공부한 내용으로 원시웹 형태의 웹페이지를 만들어서 첨부하였다. 원시웹 인터넷과 웹이 어떻게 세상에 등장했는가? - 인터넷 vs 웹 인터넷이 도시라면 웹은 도시 위에 있는 건물 하나. 인터넷이 도로라면 웹은 도로 위를 달리는 자동차 한 대. 인터넷이 운영체제라면 웹은 운영체제 위에서 동작하는 하나의 앱. 웹이 인터넷의 부분집합이다. 1960년 인터넷 탄생 인터넷은 핵공격을 대비해 통신 시스템을 분산시키려고 구상하는데에서 시작되었다. 인터넷은 중앙이 없다. 하나가 파괴되어도 나머지가 역할을 한다. 처음에는 대학, 군대, 기업들만 사용 1990년 웹의 탄생 웹의 고향은 스위스 웹의 창시자 팀 버너스 1990년 10월에 웹페이지를 편집하는 프로그램을 만든다. 11월에 세계 최초의 웹브라우저를 만들..
2021.12.15 -
html 4일차 - 최후의 문법 속성과 img / 부모 자식과 목록
최후의 문법 속성과 img 이미지를 넣고 싶을때 img태그를 쓴다 : width = "" src = "" 부분을 Attribute 즉 속성이라고 한다. 부모 자식과 목록 태그 : 리스트를 생성할때 쓴다 태그(unordered list) : li 태그의 부모, 그룹핑을한다 li태그는 ul태그를 꼭 필요로 한다 ul태그도 li태그가 없다면 존재 가치가 없다. 태그(ordered list) : li 태그의 부모, 넘버링을 자동으로 해준다 문서의 구조와 슈퍼스타들 문장이 모이면 페이지가 되고 책이된다. 정보가 많아짐에 따라서 정보를 잘 정리정돈하기 위해 구조라는 것이 필요 태그 : 웹페이지의 타티틀을 정해줌 태그 : utf-8로 문서를 읽어줘! 본문을 설명하는 태그들이다 : 본문을 설명하는 태그를 묶어줌 : 본..
2021.12.14 -
html 3일차 줄바꿈 : br vs p / html이 중요한 이유
줄바꿈 : br vs p : 단순 줄바꿈, 태그를 닫을 필요가 없다 : 단락을 표한하는 태그 단락 나누기에는 p태그를 더 추천한다. 정보로써 어디서부터 어디까지가 단락인지 표시가 명확하기 때문이다. css를 더한다면 p태그의 형식도 변화를 줄 수 있다. 의미에 맞는 태그를 사용하는 것이 중요. html이 중요한 이유 일반인이 큰 글씨로 글의 제목을 작성할 때 : coding vs html을 배운 사람이 제목을 작성할 때 : coding 검색엔진은 제목이 코딩인 사이트 즉 배운 사람의 사이트를 더 먼저 노출시킨다. 비즈니스 측면에서 정말 중요하다. 검색엔진은 accesibility 즉, 접근성을 중요하게 여김 예를 들어 시각장애인을 위한 스크린리더나 웹사이트를 읽어주는 프로그램을 사용한다고하면 html을 ..
2021.12.12 -
html 2일차 기본문법 - 태그/혁명적인 변화/통계에 기반한 학습
기본문법 - 태그 열리는 태그 : 앞에있는 태그 닫히는 태그 : 뒤에있는 태그 글씨 진하게 밑줄 옷의 태그는 옷을 설명한다 html의 태그는 기능을 설명한다 혁명적인 변화 중요도와 어려움은 정비례하지 않는다. 중요해도 어렵지 않은 것이 있다. 제목처리, 줄바꿈됨 HTML h1 tag 검색 https://www.w3schools.com/tags/tag_hn.asp HTML h1 to h6 tag W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java,..
2021.12.11 -
21/12/10 html 공부 시작 1일차 기획/코딩과 html/실습환경구성
https://www.opentutorials.org/course/3084/18445 코딩과 HTML - 생활코딩 --- 기획을 끝냈으니까 이제 구현을 할 차례입니다. 구현하기에 앞서서 타임머신을 타고 미래로 날아가서 우리가 어떤 일을 하게 될지 보고 옵시다. 화면이 두 개로 쪼개져 있습니다. 집중해서 www.opentutorials.org 생활코딩에서 html 하루에 1시간 이상 공부하고 블로그에 기록 남기기 - 기획 어떤 형태의 웹사이트를 만들고 싶은가? - 코딩과 html 웹에서는 결과를 웹 페이지, 웹페이지가 모여있으면 웹사이트라고 합니다. 기능이 좀 많으면 웹애플리케이션이라고 합니다. 줄여서 웹앱이라고도 하죠. 그중에 웹페이지를 만드는 코드(컴퓨터 언어)는 무엇이냐면 HTML입니다. HTML은 ..
2021.12.10