본문 바로가기
728x90
반응형

Skills/Html6

5장. HTML 태그의 제왕과 WEB1 강의 마무리(최종편) HTML 태그의 제왕 이번 포스팅에서는 HTML 태그의 제왕에 대해서 알아본다. HTML 태그의 제왕이란 Hypertext를 의미하는 태그 Anchor를 의미하는 태그 즉, 링크를 의미한다. 바로 태그이다. 로 나타내며 여기서 href는 hypertext reference의 준말이다. *참고: html specification : html의 공식 설명서, 이 설명서를 참조하면 html을 이해하는 데 더 도움이 된다. 웹사이트 완성 우리는 웹페이지를 엮어서 하나의 완성된 웹사이트를 만든다 예를 들어 index.html(홈페이지) 1.html 2.html 3.html 등등 웹페이지를 만들어서 웹사이트라는 하나로 엮는다. 원시웹 원시웹 파트는 웹의 역사에 대해서 설명하는 파트이다. 포스팅에는 굳이 남기지 않으.. 2022. 1. 27.
4장. 부모자식과 문서의 구조 부모자식과 목록 이번 포스팅에서는 부모자식과 목록에 대해서 배운다. 부모 자식은 HTML에 있어서 매우 중요한 개념이다. 의 형태를 띤다. 예를 들어, 는 목록을 나타내는 태그이며 태그의 부모는 이다. 즉, 태그는 반드시 부모인 을, 태그는 반드시 자식인 를 가진다. *태그를 쓰면 숫자가 자동적으로 넘버링된다 여기서 unordered list = ul ordered list = ol 을 의미한다. * 추가적으로 은 표를 나타내는 태그이며 태그 , 태그의 3대의 관계를 가진다. 문서의 구조와 슈퍼스타들 정보가 많아짐에 따라서 우리는 정보를 잘 정리하기 위한 체계와 구조가 필요하다. [1] 첫 번째로 은 웹페이지의 제목을 나타내는 태그이며, 사용자에게 제목을 명시하고, 검색엔진이 책 표지와 같은 정보로서 사.. 2022. 1. 27.
3장. HTML이 중요한 이유와 최후의 문법 - 속성 HTML이 중요한 이유 coding 와 coding 의 두 개의 코드가 있다. 웹브라우저에 같은 텍스트와 글자크기를 보여주는 두 개의 코드 중 무엇이 더 중요할까? 둘 중 무엇이 더 중요하냐에 대한 대답은 후자이다. 그 이유는 후자의 코드가 검색엔진에 더 잘 노출되기 때문이다. (검색엔진은 코드를 분석하여 정리정돈하여 그 값을 웹에 노출시키기 때문에 그렇다.) 자, 그렇다면 검색엔진에 더 잘 노출되는 것이 왜 중요할까? 우리가 HTML을 의미에 맞게 정확하게 사용하는 방법을 통해 코드는 검색엔진에 더 잘 노출되게 되고, 그것은 비즈니스적으로 매우 중요하다. 즉, 정보를 더 탄탄히 만드는 것이 가장 중요한 이슈라는 것이다. 웹의 핵심적인 철학은 접근성이다. 웹은 모든 운영체제에서 동작하고, 웹페이지의 소스.. 2022. 1. 27.
2장. HTML의 기본 문법 태그와 줄바꿈 태그 2장에서는 HTML의 기본 문법 태그부터 알아볼 것이다. 기본 문법 태그 웹을 지배하는 것은 인터넷을 지배하는 문법이다. 그리고 그것은 '태그'를 뜻한다. 태그는 이러한 형식으로 표현한다. 내용 태그란 문법과 유사한 비유적인 표현이나 일상과 밀접한 관계에 있는 용어를 통해 설명한다. 그것을 이해한다면 태그만 보아도 어떠한 뜻인지 어느정도 유추 가능하다. 그러나 태그의 의미를 모른다면 구글과 같은 검색엔진에 검색하여 그 의미를 이해할 수도 있다. (ex. html h1 tag) 태그란 HTML에서 매우 중요한 것이다. 그렇다면 어떤 태그가 중요한 태그일까? [통계에 기반한 학습법] 태그는 150+@만큼 존재한다. 이제 기본적으로 밑천으로서 가지고 있어야 하는 태그를 스스로 판단하자. http://www.a.. 2022. 1. 26.
1장. HTML이란 무엇인가? HTML이란 무엇인가? 이번 포스팅에서는 HTML에 대해서 알아볼 것이다. 포스팅에 앞서 이 글은 생활코딩 WEB1-HTML & Internet 강의를 수강하고 그 내용을 정리하였다는 사실을 밝히고 시작하겠다. (강의를 수강하고 싶으신 분들은 https://opentutorials.org/course/3084 이 링크를 참조하시면 된다.) 먼저 웹 프로그래밍에서 원인과 결과란 무엇일까? 원인: Code, Source, Language 결과: Application, App, Program, Webpage, Website 이렇게 알아볼 수 있다. 즉, 간단히 말하면 코드를 적는 행위를 통해 우리는 Application, App, Program, Webpage, Website이라는 결과를 창출하는 것이다. 이.. 2022. 1. 26.
웹사이트는 어떻게 만들어지는가? 이번 포스팅에서는 웹사이트가 만들어지는 기본 원리에 대해서 설명해드리겠습니다. 웹사이트의 사전적 정의를 찾아보면 "인터넷 프로토콜 기반의 네트워크에서 도메인 이름이나 IP 주소, 루트 경로만으로 이루어진 일반 URL을 통하여 보이는 웹 페이지 들의 의미 있는 묶음"이라고 나옵니다. 사전적 정의는 이렇게 언뜻 보기 생소한 용어들이 많아 이해하기 어려운데요. 아주 간단하게 핵심만 설명해드리겠습니다. "웹사이트 Website는 Text로 이루어져 있으며 이를 브라우저 Browser에게 전달한다. 그리고 Browser는 Code를 이해해서 이를 구현한다." 자, 위의 문장을 간단히 설명하면 웹사이트란 복잡해보이는 Text(코드)로 이루어져 있으며, 이를 브라우저(HTML 문서나 파일을 출력하는 응용 소프트웨어,.. 2021. 12. 21.
728x90
반응형

티스토리툴바