HTML 클래스 속성 정의와 선택자 호출 및 예제
HTML 클래스 어떤 기능일까요? 태그를 그룹화하여, 특정 CSS 효과를 부여하는 기능을 합니다. HTML 클래스 HTML 클래스 속성은 태그 뒤에 class와 … 더 보기
HTML 레이아웃 구성하는 header, article, footer 태그
HTML 레이아웃 사용자가 일반적으로 접속하는 웹사이트의 레이아웃 구조는 기본적으로 비슷합니다. 마치 신문 기사의 페이지 배열 처럼 각 영역이 분할되있습니다. 대부분 … 더 보기
HTML 블록 및 인라인 차이 with div vs span
HTML 블록 블록 요소란 HTML 태그가 화면에서 적용되는 범위가 왼쪽부터 오른쪽 끝까지 이어진 경우를 말합니다. 블록 태그 예시 예를 들어 … 더 보기
HTML 표 구성시 제목, 테두리, 셀 병합 기능 정리
HTML 표 구성은 <table> 태그 사이에 위치합니다. 표의 실제 데이터는 <tr>, <td> 사이에 위치합니다. <td> 태그 중에서 헤더 역할을 하는 요소에는 <th> … 더 보기
HTML Head 태그와 title, meta, style 태그의 기능
HTML Head <head> 태그는 <body> 태그 상단에 위치하며, <head> 태그로 표현합니다. <head> 태그는 <body> 태그를 설명합니다. <head> 태그는 <body> 태그를 검색엔진 … 더 보기
HTML 색 배경, 글자색, 테두리색 및 색상코드 목록
HTML 색상 코드 148 with HEX 코드 자주 쓰는 색은 이름이 등록되어 알파벳 입력으로도 색을 불러올 수 있습니다. HTML 색 … 더 보기
HTML 이미지 삽입시 주소, 대체 속성, 크기 조절법
HTML 이미지 HTML 이미지는 <img> 태그를 사용합니다. <img> 태그는 empty tag이기 때문에 닫는 태그 없이 단독으로 사용합니다. 이미지 주소 이미지 주소는 … 더 보기
HTML 텍스트 두께, 기울기, 크기, 하이라이트 기능
HTML 텍스트 서식은 어떤 기능일까요? 글씨의 두께, 기울기, 밑줄 등을 조절하는 태그입니다. HTML 텍스트 서식 HTML Text 서식이란 문자의 특수효과가 … 더 보기
HTML Style 속성으로 배경색, 글자 디자인 하는 방법
HTML Style 은 어떤 기능일까요? HTML 태그의 디자인 효과를 주는 태그 또는 속성입니다. 이 페이지에서는 속성으로써의 기능만 살펴보겠습니다. HTML Style … 더 보기
HTML 문서 구조를 이루는 html, head, body 태그
HTML 문서 제목과 내용 HTML 문서 구조는 Word 같은 일반 문서 처럼 제목을 나타내는 <h1> 태그와 내용을 구성하는 <p> 태그로 구성됩니다. 인간이 … 더 보기