HTML14 HTML 문서구조 #2 구조를 설정을 위한 요소 학습하기 - 문단의 시작과 끝에 p요소를 지정! - 공백을 포함한 입력한 텍스트가 그대로 웹 브라우저에 출력 되어진다. - 컴퓨터 코드나 문자 그림을 표현하는데 적합하다. - 문단 레벨에서 주제를 분리 - 단일요소로 사용 되어진다. - 하나의 선이 생성 되어진다. - 아래의 선이 tag를 사용해서 만든 선이다. 목록 - 순서가 있는 목록 : 요소 선발타자 후발타자 후보 - 아래와 같이 표현 되어진다. 선발타자 후발타자 후보 - 순서가 없는 목록 : 요소 - 말머리 기호로 표현이 되어진다. 선발타자 후발타자 후보 - 정의 목록 - 사전적 정의를 위해 사용 - 하나 이상의 '정의 제목' '정의 내용'의 쌍으로 이루어진다. 정의 목록 요소 정의 목록 제목 요소 정의 목록 데이터 요소 정의는 중요하죠 정의는 진짜 중요하.. 2021. 7. 17. HTML 문서구조 #1 섹션 알아보기 마크업 - 구조적 마크업 : 문서의 구조 정의, 콘텐츠의 의미 또는 역할 - 표현적 마크업 : 문서의 외형 정의, 문서 레이아웃, 디자인 (크기, 색) HTML - 문저의 구조만 정의 CSS - 문서 레이아웃과 디자인 정의 섹션 요소 - section요소로 내용을 분리, 내용적으로 분리되어 있어 자체적인 타이틀 필요 예식 시작 졸업생 소개 네비게이션 요소 - 문서의 동일 페이지 OR 다른 페이지를 연결하는 section - 목록으로 작성(CSS와 JavaScript 적용 시 다양한 동적 네비게이션 메뉴 만들 수 있다.) 독립적인 글 - 신문, 잡지, 댓글 하나 - 주로 사이드 바 형태로 표현 되어짐 머릿글 그룹 - 일반적으로 작성자, 저작권 등의 정보를 담음 헤딩 - 섹션의 제목 - h1~h6 까지 존재.. 2021. 7. 15. HTML 기초 이해하기 #2 <HEAD> HEAD에 위치하는 요소 - 타이틀 ex) 웹 페이지 제목 - 문자 인코딩 = 문자가 어떤 형식으로 인코딩 되어있는지 알려주는 부분이라고 나는 생각하오... - 브라우저에게 text를 어떻게 그려달라는지 말해주는 것. ex) - 설정을 안하면 웹 브라우저에서 기본으로 설정한 문자 인코딩 화면으로 표시된다. - 메타테이터 = 파일에 관한 정보를 가지고 있는 데이터 ex) 디지털 카메라 사진의 경우 : 촬영 날짜, GPS 정보들이 들어 있다. = 웹 페이지의 설명, 작성자, 문자 인코딩, 저작권, 작성일 등이 포함 되어 있다. - 마치 요소가 필요없는 단독 요소 이다. - 외부 파일 연결 HTML : 콘텐츠의 구조 정의 CSS : 콘텐츠의 레이아웃과 표현 등 외향을 정의 JavaScript : 콘텐츠의 작동.. 2021. 7. 15. HTML 기초 이해하기 #1 HTML - Hyper Text Markup Language의 약자 - 웹컨텐츠 구조를 지정하는 컴퓨터 언어 - 웹 서버에 저장되어 클라이언트 웹 브라우저 요구에 따라 불려지는 문서 DOCTYPE 지정 - 웹 브라우저가 정확히 HTML을 표현하기 위해 HTML 버전을 명시. - HTML5의 경우에는 HTML 요소(Element) - 대소문자를 구분하지 않는다. - HTML 요소의 예 :문단 의미, : 구별을 위한 요소 - tag와 차이점 ex) 지금 날씨는 흐림이다. - 요소 : 지금 날씨는 흐림이다. tag의 시작부터 끝 전체를 의미한다. - tag : , 딱 tag 부분만 의미한다. - 빈요소(Empty Element) : 줄바꿈 요소, : 이미지 요소 - 마침 tag 없이 단독으로 사용 되어지는 요.. 2021. 7. 15. 이전 1 2 3 4 다음 728x90 반응형
