반응형 Web/HTML과 CSS14 [HTML] HTML이란? HTML이란 웹에서 자유롭게 오갈 수 있는 웹 문서를 만드는 언어 ※ HyperText : 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 이동하는 기능 기존의 텍스트가 전형적인 특징이 순서가 정해져 있다면, 하이퍼 텍스트는 순서가 정해져 있지 않고 여기저기 갈 수 있다. ※ Markup : 태그(tag)를 사용해 어느 부분이 제목이고 본문인지 표시하는 구조화를 의미한다. 블로그 이름은 까망 하르방이고, 블로그 주소는 https://zoosso.tistory.com/ 입니다. 위의 정보를 아래와 같이 표시할 수 있으며 까망 하르방 https://zoosso.tistory.com/ 실제 태그로는 아래와 같이 표시할 수 있다. 까망 하르방 링크 웹 문서(*.html 또는 *.htm)를 보는 프로그램 웹 문.. 2021. 3. 3. [HTML] HTML 기본 구조 웹 문서를 읽는 Web Browser는 HTML 코드를 한 줄씩 읽어가는데 크게 구분 짓는 / / / 를 살펴보자. : 현재 문서가 HTML5 언어로 작성된 웹 문서라는 뜻 : 웹 문서의 시작과 끝을 나타내는 태그 태그에서는 lang이라는 속성을 사용해 문서에서 사용할 언어를 지정 (한국어는 'ko') ※ 사용 언어를 명시하는 이유는? 1. 검색 사이트에서 '한국어로 된 문서'로 범위로 제한할 때, 우선 검색된다. 2. 화면 낭독기(Screen Reader)가 웹 문서를 읽어줄 때, 그 언어의 발음이나 억양, 목소시를 맞춰준다. 웹 브라우저가 웹 문서를 해석하기 위해 필요한 정보들을 입력하는 부분 (문서에서 사용할 외부 파일들도 이곳에서 링크 link) : 문자 인코딩 방법, 웹 문서 키워드 등을 지정 .. 2021. 3. 3. HTML 태그 주석 <!-- --> 각 언어마다 주석 기능이 존재하며, 기호는 동일한 것도 있지만 다른 것도 존재한다. HTML 소스도 마찬가지로 주석 기능이 존재하며, 소스에만 표시하며 화면상에 보이지 않는다. ※ 모든 브라우저에 상관없이 지원 ※ CSS /* */과 // 로 사용 아래와 같이 HTML 태그 사이에서 영역을 구분할 때 사용되기도 한다. 2021. 2. 22. [CSS] CSS 선택자 CSS 선택자(Selector)는 HTML 요소(Element)를 찾는 방법이다. tag로 지정하기 [css] span { color : red; } id로 지정하기 id 선택자는 HTML에 존재하는 유일한 Element에 적용할 때 사용가능. [css] #spantag { color : red; } [html] HELLO World! class로 지정하기 여러 요소에 적용하고자 한다면 class 선택자 활용. [css] .spanClass { color : red } [html] HELLO World! 요소 선택자 / 아이디 선택자 / 클래스 선택자 외에도 선택자 종류는 다양하게 존재한다. + 전체선택자(*) / 가상 클래스 / 수도 클래스 / 종속 선택자 / 하위 선택자 등 자손 요소 (중간에 공백으.. 2021. 2. 21. 이전 1 2 다음 반응형
