Enjoy Programming

하이퍼 텍스트의 hyper는 텍스트 등의 정보가 동일 선상에 있는 것이 아니라 다중으로 연결되어 있는 상태를 의미. HTML의 가장 중요한 특징인 link의 개념과 연결되는데 기존 문서나 텍스트의 선형성, 고정성의 제약에서 벗어나 사용자가 원하는 순서대로 원하는 정보를 취득할 수 있는 기능을 제공한다. 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 이 기능을 Hyper link라고 한다. HTML link는 hyperlink를 의미 하며 a(anchor) tag가 그 역할을 담당한다. 1. href attribute - 이동하고자 하는 파일의 위치(경로)를 값으로 받는다. path란 파일 시스템 상에서 특정 파일의 위치를 의미한다. 1.1 dirctory root directory = ' / '(u..

html은 대부분 텍스트로 이루어진다. 중요한 텍스트 관련 태그들에 대해 알아보자 1. headings tag - semantic tag 헤딩 태그는 제목을 나타낼 때 사용하며 h1 ~ h6까지 태그가 있다. (숫자가 커질수록 크기가 작아진다) semantic tag인 만큼 제목 이외에는 사용하지 말자. 검색엔진이 검색시 heading태그를 중요한 의미로 받아 들일 가능성이 있다. 2. text formatting tag - bold 체를 지정한다 - nonsemantic tag - b tag와 동일하게 bold체 지정 b태그와 표현은 같지만 웹표준을 준수하자면 strong을 사용하자 - semantic tag - italic체로 지정 - - nonsemantic tag - emphasized(강조, 중..

html tag : 모든 html요소의 부모 요소, 페이지에 단 하나만 존재한다. global attribute를 지원. 특히 lang attribute를 사용하는 경우가 많다. head tag: head요소는 metadata를 포함하기 위한 요소이며 페이지상에 단 하나만 존재. html 문서의 title, style, link, script에 대한 데이터로 화면에 표시 되지 않는다. head 요소에는 metadata이외의 화면에 표시되는 일체의 요소를 포함시킬 수 없다. title tag: 문서의 제목을 정의 (브라우저 탭에 표시) style tag: style 요소는 HTML문서를 위한 style (css)정보를 정의 한다. link tag: link element is define to connec..

이제 html5의 기본 구조를 살펴 보자 html은 반드시 로 시작한다 이는 이 문서는 html코드를 포함하고 있다고 브라우저에게 말해주는 역할을 한다. 이후 실질적인 html 코드들이 실행 되는데 크게 head, body로 구분된다. head에는 문서의 title이나 참조, meta태그 등이 들어가는데 이는 문서의 configure라 할 수 있다. meta 태그는 문서의 별도의 정보를 알려주는 역할을 한다. 그리고 body에는 실제 웹에 보여질 content들이 들어간다. 기본 문법은 앞서 설명한 것도 있지만 추가로 더 다뤄 보겠다. html태그는 기본적으로 중첩이 되는데 이때 부자관계가 형성 된다. 위 사진에 바디안에 h1태그와 p태그가 있다 바디는 부모 요소가 되고 h1과 p는 직계 자식요소가 된다..

필자의 모든 공부에 대한 블로그는 그냥 내가 편하게 이해하기 위해 쉽게 쉽게 ..나한테만? 암튼 그렇게 서술한다. Hyper text markup language 엄밀히 말해 프로그래밍 언어는 아니고 just text이다. 우리가 텍스트 형태로 작성한 html파일을 브라우저에 업로드 하면 브라우저는 이를 읽고 그저 화면에 나타내는 것이다. 어떤 식으로 작성해도 그냥 나타낸다. 에러를 뿜거나 하지 않는다. HTML은 tag라는 element(요소)로 구성되어 있다. 내가 보이고자 하는 컨텐츠를 content 의 방식으로 감싸서 표시 할 수 있다. 태그에는 여러 태그가 있는데 외우지 말자. 그냥 그때 그때 mdn사이트나 구글링 해서 뭐가 필요한지 찾아보고 쓰면 된다. tag는 열고 닫고가 필수다 conten..