본문 바로가기

728x90

HTML4

블록 / 인라인 요소 ⭐️ 블록 / 인라인 요소 ⭐️ 01. 블록 레벨 요소 (Block-level Element) 블록 레벨 요소는 출력 화면에서 사용 가능한 최대 너비를 차지하는 요소를 의미합니다. [1] 블록 레벨 요소의 특성 요소 유형 번호 특성 블록 레벨 요소 1 출력 화면에서 줄 바꿈이 일어납니다. 2 width, height, margin, padding 속성을 설정할 수 있습니다. 3 문자(Text)와 인라인 요소를 자식 요소로 포함할 수 있습니다. 4 블록 레벨 요소 중에는 블록 레벨 요소를 자식 요소로 포함할 수 있는 요소와 포함할 수 없는 요소가 있습니다. # 블록 레벨 요소의 예 See the Pen Untitled by oranssy (@oranssy) on CodePen. ___ 참고하기 ___ `1.. 2022. 8. 21.

시멘틱 구조 요소 ⭐️ 시멘틱 구조 요소 ⭐️ 01. 시멘틱 구조 시멘틱(semantic) 구조란, HTML 문서를 사람과 브라우저 모두가 이해할 수 있도록 의미에 맞는 요소를 사용하여 구조화한 것을 의미합니다. 과거에는 대부분의 구조를 태그로 만들었습니다. 이에 따라 클래스 또는 아이디로 태그를 구분하였고, 개발자들이 자주 사용하는 클래스와 아이디 명이 굳어지기 시작했습니다. ex) HTML5 에서는 이렇게 굳어진 클래스와 아이디 명을 시멘틱 구조 요소(태그)로 정의하였습니다. # 기본구성 태그의 표현방법 비교 # 이전의 태그 구조화 # 현재의 HTML5 시멘틱 구조 태그 02. 시멘틱 구조 요소 [1] 시멘틱 구조 요소의 종류 요소 유형 태.. 2022. 8. 16.

W3C (웹 표준, 웹 접근성, 웹 호환성) ⭐️ W3C 누구나, 어떤 환경에서든 ⭐️ 01.웹 표준 (Web Standards) 브라우저 종류 및 버전에 따른 기능 차이에 상관 없이 호환이 가능하도록 제시된 표준(기준)을 말합니다. 웹 표준의 목적은 웹 사이트에 접속한 사용자가 어떤 운영 체제나 브라우저를 사용하더라도 동일한 결과를 보여주는 것이며, 장애인, 노약자를 포함한 모든 사용자들이 동일한 웹사이트를 볼 수 있도록 하기 위함입니다. [1] 웹 표준의 장점 장점 설명 1) 수정 및 운영 관리 용이 콘텐츠의 올바른 구조화 / CSS 의 시각 표현을 통일화하여 제어하기 때문에 페이지 제작의 부담이 감소되고 관리가 용이합니다. 2) 접근성 향상 다양한 브라우저 및 모바일, PDA, 장애인 지원용 프로그램 등에서 정상적인 작동이 가능하여, 사용자의.. 2022. 8. 9.

기본 구성 ⭐️ HTML 기본 개념 ⭐️ 01.HTML 이란? HTML (HyperText Markup Language) 은 웹 사이트의 모습을 기술하기 위한 마크업 언어를 의미합니다. 웹의 기초적인 구성요소로, 웹 페이지의 구조와 콘텐츠의 의미를 정의합니다. 참고하기 1HyperText 는 웹 페이지를 다른 페이지로 연결하는 링크를 뜻합니다. 2HTML 의 최초 제안자는 유럽 입자 물리 연구소 CERN 의 물리학자 "팀 버너스리 (Tim Berners-Lee)" 입니다. "팀 버너스리"는 연구원들의 문서 공유 체계를 시작으로 인터넷 기반 하이퍼텍스트를 개발하였고, 이후에 TCP/IP 통신규약을 만든 전산학자 "빈트 서프 (Vinton Gray Cerf)" 와 함께 인터넷의 아버지로 불립니다. 3웹의 기초적인 구성.. 2022. 8. 6.

이전 1 다음

728x90

티스토리툴바