👾

목차 제목 태그(h1~h6) 본문 태그(p, br, pre) 글자와 관련된 태그(strong, em, b, sub, sup, ins, del) 태그 사용 예시 제목 태그 제목 제목을 나타내는 태그 중요도에 따라 h1~h6으로 나눠서 사용 h1이 제일 중요한 제목, h6가 제일 덜 중요한 제목 본문 태그 본문 내용 본문과 관련된 태그 단락(paragraph)를 나누기 위한 태그 break, 줄바꿈을 할 때 사용하는 태그 컨텐츠가 없기 때문에 종료 태그가 없음 preformatted(형식화된), 태그 내에 작성한 내용을 그대로 브라우저가 인식하도록 하는 태그 의 경우 내용에 줄 바꿈을 여러 번해도 브라우저는 공백 한 칸으로 인식하지만 는 내용에 작성한 것을 그대로 인식함(글 아래에 예시에서 확인) 글자와 관..

시맨틱 태그(Semantic Tag) 의미를 가지고 있는 태그 컴퓨터가 정보를 이해하고, 논리적인 추론까지 할 수 있는 구조를 만들기 위해 추가됨 기본적인 시맨틱 태그 웹페이지나 섹션의 소개 또는 제목을 담는 태그 페이지 이동을 위한 메뉴를 담아서 네비게이션 역할을 하는 태그 웹페이지의 내용에 따라 기준에 맡게 구획을 나누는 태그 주내용(본문)을 담는 태그 사이드에 광고 또는 부내용을 담는 태그 웹페이지의 가장 아래 부분에 위치하고, 사이트 정보에 대한 추가 정보를 담는 태그

목차 HTML이란? HTML 요소 HTML 구조 HTML이란? HyperText Markup Language의 약자 HyperText - 하이퍼링크를 통해 사용자가 원하는 순서로 한 문서에서 다른 문서로 접근할 수 있는 텍스트 - 예시) 아래의 캡처에서 목차의 링크를 누르면 해당 내용으로 이동 Markup Language - 태그(마크, 표시)를 이용하여 문서나 데이터의 구조를 명시하는 언어 - 사용자가 보기 좋게 문서를 구조화 HyperText Markup Language - 웹 페이지의 구조 혹은 데이터 작성을 위한 마크업 언어 HTML 요소(element) 웹 프로그래밍 강좌 요소는 시작 태그(Start Tag), 내용(Contents), 종료 태그(End Tag)로 이루어짐 위의 예시에서 시작 태..

태그 태그는 사용자의 입력을 받기 위한 HTML form을 만들 때 사용합니다. HTML form은 , , , , , , , , 과 같은 form elements를 포함합니다. 태그 form 요소 중 하나인 태그는 실제로 사용자가 양식을 입력하기 위해 사용되는 태그입니다. type 속성으로 입력받을 값의 종류를 정하고, name으로 데이터의 이름, value로 기본 값 설정을 할 수 있습니다. type의 대표적인 속성 값들은 다음과 같습니다. text // 일반 문자 password // 비밀번호 button // 버튼 submit // 양식 제출용 버튼 reset // 양식 초기화용 버튼 radio 선택1선택2 // 한 개만 선택할 수 있는 컴포넌트 checkbox 선택1선택2 // 다수를 선택할 수 ..

HTML Table 태그 HTML의 태그는 표를 만들어 주는 태그입니다. 태그와 관련된 기본적인 태그들은 다음과 같습니다. // 테이블을 만드는 태그 // 테이블의 헤더를 만드는 태그; 가운데 정렬에 굵은 글씨가 default 값임 // 테이블의 행을 만드는 태그 // 테이블의 열을 만드는 태그// 안에 포함되어 각각의 table data를 담고 있음 예제 1: 간단한 테이블 만들기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 header1 header2 row1 - data1 row1 - data2 row2 - data1 row2 - data2 cs Table 태그 관련 속성들 border // 테이블의 테두리 설정 width / height // 테이블의 가로 / 세로 크기 설정 ali..