HTML title 태그 예제와 검색엔진에서의 중요성

HTML title 태그 HTML title 태그는 <head> 태그 사이에 위치하는 태그로써 웹페이지의 제목을 브라우저 최상단에 표시합니다. 글의 제목과는 다른 요소입니다. 보통은 글의 제목과 title이 같게 자동으로 설정되어 있지만 만약 홈페이지를 직접 만든다면 title 요소에도 페이지의 주제를 같이 적어줘야 합니다. <!DOCTYPE html> <html> <head> <title>푸하하하하</title> </head> <body> <h1>글의 제목</h1> <p>본문 입니다.</p> </body> </html> TRY IT ▷ … READ MORE

HTML 속성값 생략 checked 및 disabled 예제

HTML 속성값의 생략 <태그 속성명 = “속성값”> 구조에서 = “속성값” 부분이 생략되는 경우가 있습니다.  해당 속성명에서 선택할 수 있는 속성값이 단 하나일 경우 보통 생략이 가능합니다. ( checkbox = “checkbox” ) → checkbox <input type = “checkbox”> 태그와 속성은 웹페이지에 체크박스를 만드는 요소입니다. checked = “checked” 속성명과 속성값을 삽입하면 체크박스에 처음부터 체크가 되있도록 만들 수 … READ MORE

HTML 속성값 따옴표의 생략 및 중첩 예제

HTML 속성값 따옴표의 생략 속성값은 기본적으로 따옴표 “” 사이에 위치합니다. <p style = “color:red;”>따옴표 생략</p> 따옴표 생략 하지만 따옴표를 생략해도 문법적으로 오류는 아닙니다. style 속성이 따옴표 없이 정상 작동합니다. <p style = color:red;>따옴표 생략</p> 예제 ▷ style 속성값의 나열 하나의 속성에 여러 style 속성값을 삽입해도 따옴표 없이 유지가 됩니다. color, background-color, font-size 값이 따옴표 없이 … READ MORE

HTML 복수 속성 사용 및 속성 삽입 순서 예제

HTML 복수 속성 하나의 태그에는 여러 개의 속성이 동시에 삽입될 수 있습니다. HTML 태그와 속성은 명사와 형용사의 관계와 비슷합니다. 하나의 명사에 여러 개의 형용사가 동시에 올 수 있는 것 처럼 하나의 태그에 복수의 속성이 삽입될 수 있습니다. 복수의 속성은 공백을 두고 삽입됩니다. <p> 태그 복수 속성 <p> 태그에 class, title, style 속성 세 종류를 동시에 … READ MORE

HTML 속성 종류 : 링크, 이미지, 자주 쓰이는 속성 예제

HTML 속성 종류 HTML 속성의 종류는 많습니다. 링크 태그나 이미지 태그에서 자주 사용되는 속성도 있습니다. 대부분 속성은 전반적인 태그에서 사용될 수 있습니다. 태그와 속성의 관계는 명사와 형용사의 관계와 비슷합니다. 하나의 명사에 여러 형용사가 올 수 있는 것 처럼 하나의 태그에 복수의 속성이 삽입될 수 있습니다. 링크 태그 + HTML 속성 HTML <a> 태그는 다른 웹사이트로의 링크를 담당합니다. … READ MORE

HTML 속성의 구조와 사용법 및 대소문자 구분 예제

HTML 속성 속성(attribute)이란 HTML 태그에 부가적인 정보를 주는 역할을 합니다. 형용사와 비슷한 역할을 합니다. HTML 속성 구조 속성은 속성명, 등호, 따옴표, 속성값으로 구성됩니다. 속성명 = “속성값” 속성은 HTML 여는 태그 뒤에 한 칸 공백을 두고 입력합니다. title 속성은 문자에 마우스를 올렸을 때 글씨가 툴팁으로 올라오는 기능입니다. 예제 ▷ HTML 속성 사용법 하나의 형용사가 수많은 명사에 … READ MORE

HTML 태그 종류 세 가지 분류 및 간단한 예제

HTML 태그 종류 HTML 태그는 여러 가지 기준으로 분류할 수 있을 것입니다. 크게 세 가지로 기능, 블록과 인라인, 빈 태그 유무 기준으로 구분해보겠습니다. 기능에 따른 분류 HTML은 워드에 문서를 작성하는 것과 효과가 비슷합니다. HTML 태그는 제목, 단락, 목차 태그 등으로 문서 전체를 디자인 합니다. 줄바꿈, 글자 서식 태그 등으로 문서를 디자인 합니다. 링크 태그로 외부 … READ MORE

HTML 빈 태그의 의미와 쓰임새 및 예제

HTML 빈 태그 HTML 빈 태그는 닫는 태그가 없는 태그를 말합니다. 빈 태그는 공백 태그 또는 empty tag라고도 부릅니다. HTML의 몇몇 태그들은 닫는 태그 없이 시작 태그 단독으로도 역할을 수행할 수 있습니다. 공백 태그의 대표적인 예로는 <img>, <br> 등이 있습니다. 빈 태그 <img> <img> 태그는 </img>와 같은 닫는 태그 없이 단독으로 사용할 수 있습니다. 대신 이미지 … READ MORE

HTML 블록 태그 vs 인라인 태그 차이 및 예제

HTML 블록 태그 HTML 블록 태그는 태그를 삽입할 경우 항상 새로운 줄에서 시작합니다. 태그 영역의 길이가 아무리 짧아도 새로운 블록 태그는 다음 줄에서 시작됩니다. <p> 태그는 블록 태그입니다. <p> 태그 네 묶음을 한 줄에 배치해서 코드를 작성하면 코드 상에서는 한 줄로 표기됩니다. <p>개구리</p> <p>두 마리를</p> <p>두개골이라</p> <p>부릅니다.</p> 하지만 웹브라우저에서 <p> 태그는 각각 새로운 줄에서 시작됩니다. … READ MORE

HTML 태그의 중첩 : 허용 vs 불가

HTML 태그의 중첩 가능 HTML 태그는 중첩이 가능합니다. 태그는 다른 태그에 소속되거나 다른 태그를 포함할 수 있습니다 . <p>곰은 사과를 <strong>베어</strong> 먹습니다.</p> 예제 ▷ <p> 태그는 문단을 정의합니다. <strong> 태그는 해당 영역의 글씨를 두껍게 하고 내용상으로 중요하다는 사실을 브라우저에 알립니다. 태그 교차 중첩 불가능 태그는 중첩될 때 교차 되면 안됩니다. HTML은 문법 오류에 관대한 편이라 … READ MORE