👾

멀티미디어와 관련된 태그 ✔ 이미지(image) 넣기 html 문서에 이미지를 넣으려면 태그를 사용하면 됩니다. 태그는 이미지를 정의할 때 사용하는 태그입니다. 이 태그를 사용해서 이미지를 넣으면, 이미지가 html 문서에 직접 삽입되는 것이 아니라 이미지 주소가 링크되는 형태입니다. 따라서 태그에는 src와 alt 속성을 반드시 명시해 주어야 합니다. src: source, 속성 값으로 이미지의 URL을 받습니다. alt: alternative text, 속성 값으로 사진 설명을 받고, 이 설명은 불러올 이미지가 없거나 이미지를 불러오는데 실패했을 경우 대신 나타납니다. ✔ 영상(video) 넣기 1. 태그 이용 영상은 태그를 이용하여 넣을 수 있습니다. 태그는 무비 클립(movie clip)이나 비디..

태그 ✔ a 태그 정의 contents 태그는 anchor(닻)의 약어로, 하나의 페이지에서 다른 페이지를 연결할 때 사용하는 하이퍼링크(hyperlink)를 정의할 때 사용합니다. 따라서 태그에는 링크(link)의 목적지를 가리키는 href 속성이 필요합니다. ✔ 속성(attributes) 정의 및 형식 속성(attributes)이란 태그에 대해 추가적인 정보를 제공할 때 사용하는 것입니다. 키(key) = "속성 값(value)" 형식으로 속성을 명시할 수 있습니다. 또한 하나의 태그에 속성이 여러 개일 경우, 각 속성은 공백 한 칸으로 구분합니다. 네이버 ✔ URL 정의와 종류 다시 href 속성으로 돌아와서, href의 속성 값으로는 URL이 들어갈 수 있습니다. URL에 대해 간단히 설명하자면,..

목차 제목 태그(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..