HTML
-
HTML 주석 그리고 전역 속성HTML 2021. 4. 20. 00:41
주석(Comment) 이란 실제 코드에는 반영되지 않는 코드, 내용을 메모하는 목적으로 사용 실제 화면에 내용이 표시되지 않는다 단축키 주석 지정, 해제(Ctrl + /) 전역 속성 전체의 영역에서 모두 사용할 수 있는 속성 기본적으로 태그에서 사용하는 다양한 태그들의 전체 영역에서 언제든지 사용할 수 있다 title 속성 - 요소의 정보나 설명을 지정 (일종의 툴팁처럼 해당 내용이 화면에 출력된다) style 속성 - 요소에 적용할 스타일(css)을 지정 class 속성 - 요소를 지칭하는 이름 (중복이 가능하다) - 해당 하는 요소를 CSS, JS에서 선택하여 제어하기 위해서 사용된다 id 속성 - 요소를 지칭하는 이름 (중복X , 고유해야 한다) - 해당 하는 요소를 CSS, JS에서 선택하여 제어..
-
HTML 글자(인라인)와 상자(블록)의 개념HTML 2021. 4. 18. 00:09
요소가 화면에 출력되는 특성(2가지) 인라인(Inline) 요소 - 글자를 만들기 위한 요소 - 가로 세로 너비 모두 포함한 콘텐츠(내용)의 크기만큼 자동으로 줄어듬 - 인라인 요소는 가로 세로 사이즈를 지정할 수 없다 - 자식 요소로 블록 요소를 사용할 수 없다 내용 내용1 내용2 블록(Block) 요소 - 상자(레이아웃)를 만들기 위한 요소 - 가로 너비는 부모 요소의 크기만큼 자동으로 늘어남 - 세로 너비는 포함한 콘텐츠의 크기만큼 자동으로 줄어듬 - 자식 요소로 인라인 요소와 블록 요소 모두 사용 가능하다 내용 내용1 내용2
-
HTML 요소와 관계HTML 2021. 4. 17. 04:35
HTML 기본 문법 내용 = 요소(Element) 내용 = 시작(열린) 태그(Tag) = 종료(닫힌) 태그 내용 = 요소의 내용(Contents) 속성(Attribute)="값(Value)" = 기능의 확장 HTML 부모와 자식 관계 -> 1 요소 -> 2 요소 내용 부모와 자식 관계는 상대적인 요소 - 1 요소는 2 요소의 부모 요소 - 2 요소는 1 요소의 자식 요소 -> 1 요소 -> 2 요소 내용-> 3 요소 3 요소를 기준으로 - 2 요소는 3 요소의 부모 요소 - 1 요소는 3 요소의 상위(조상) 요소 상위 요소란 나(기준이 되는 요소)를 기준으로 나를 깜싸고 있는 모든 요소들을 지칭한다 - 부모 요소 또한 포함된다 1 요소를 기준으로 - 2 요소는 1 요소의 자식 요소 - 3 요소는 1 요소..
-
HTML <body>태그 살펴보기HTML 2021. 4. 12. 16:49
body 태그 내부 코드 내용 살표보기 내용 블록(상자) 요소 내용 내용 div 태그 (Division) - 블록(상자) 요소 - 특별한 의미가 없는 구분을 위한 요소 - 레이아웃을 작업할때 사용 내용 h 태그 (Heading) - 제목을 의미하는 요소 (목차) - h1~6까지 (숫자가 작을수록 더 중요한 제목을 의미) 내용 p 태그 (Paragraph) - 문장을 의미하는 요소 리스트1 리스트2 리스트3 리스트4 ul 태그 (Unordered List) , li 태그 (List Item) - 태그는 순서가 필요없는 목록의 집합을 의미 (주관적인 순서) - 태그는 목록 내 각 항목 - 태그 자식으로 태그가 반드시 1개 이상 존재해야 한다 - 태그는 반드시 태그로 감싸져야 한다 인라인(글자) 요소 내용 s..
-
HTML <head>태그 살펴보기HTML 2021. 4. 11. 21:59
head 태그 내부 코드 내용 살표보기 제목 작성 - HTML 문서의 제목(title)을 정의 - rel(Relationship) = 가져올 문서와 관계, href(Hyper Text Reference) = 가져올 문서의 경로 - 외부 문서를 가져와 연결할 때 사용 (대부분 CSS 파일) - Favorite Icon을 줄여서 Favicon(파비콘)으로 부름, HTML Favicon를 적용할 때는 이름을 favicon으로 지정하기를 권장하며, favicon.ico 또는 favicon.png 파일이 주로 사용됨 - 자바스크립트(JS) 파일을 가져오는 경우 src(Source) 사용 - 자바스크립트(JS)를 HTML 문서 안에서 작성하는 경우에 사용 - 스타일(CSS)를 HTML 문서 안에서 작성하는 경우에 ..
-
HTML 알아보기HTML 2021. 4. 11. 15:19
기본 구조는 아래의 형태를 나타냅니다. HTML은 구조를 만드는 역할을 담당 각각의 역할은 DOCTYPE html> - 문서(페이지)의 HTML 버전을 지정 // HTML5 (표준) - 시작태그 // HTML 문서가 어디에서 시작하고, 어디에서 끝나는지 알려주는 역할 ........내용 - 종료태그 - 문서의 정보를 나타내는 범위 - 웹 브라우저가 해석해야 할 웹 페이지의 제목, 설명, 사용할 파일 위치, 스타일(CSS) 같은, 웹페이지의 보이지 않는 정보를 작성하는 범위 - 문서의 구조를 나타내는 범위 - 사용자 화면을 통해 보여지는 로고, 헤더, 푸터, 네비게이션, 메뉴, 버튼, 이미지 같은 웹페이지의 보여지는 구조를 작성하는 범위