본문 바로가기

HTML공부5

[HTML] 주석 처리 <!-- --> (comment) 주석(Comment) ​ 주석(comment)이란 개발자가 작성한 해당 코드에 대한 이해를 돕는 설명이나 디버깅 (프로그래밍에서 잘못된 부분을 찾아 고치는 것. 버그(bug)는 벌레를 뜻합니다. ) 을 위해 작성한 구문을 의미합니다. 이러한 주석구문은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다. ​ HTML에서 주석을 표현하는 방법은 다음과 같습니다. 문법 HTML 주석의 시작 태그()에는 느낌표가 없습니다. 이러한 주석은 HTML 코드의 어느 부분에서라도 사용할 수 있습니다. 또한, 여러 줄에 걸쳐 주석을 작성해도 정확히 인식할 것입니다. 주석 처리 예문은 아래와 같습니다. HTML 주석 이 부분은 조금 어려운 코드입니다. 위의 예제처럼 HTML 주석처리된 구간은 절대 웹 페이지.. 2022. 1. 24.
[HTML] 인용구 (Quotation) - <q><blockquote><abbr><address> 인용구(Quotation) ​ HTML에서 인용구를 표현하는 방법은 두가지가 있습니다. 1. 짧은 인용구 2. 블록 인용구 ​ 짧은 인용구 ​ 짧은 인용구는 태그(quotation)를 사용하여 표현할 수 있으며, 자동으로 앞뒤에 큰따옴표가 붙습니다. HTML의 정의는 웹 페이지를 만들기 위한 하이퍼텍스트 마크업 언어 입니다. 블록 인용구 ​ 길이가 긴 인용문은 태그(block quatation)를 사용하여 표현할 수 있습니다. 태그는 이러한 인용 부분을 별도의 단락으로 구분하여 나타냅니다. (들여쓰기) ​ HTML의 정의 인터넷 서비스의 하나인 월드 와이드 웹을 통해 볼 수 있는 문서를 만들 때 사용하는 프로그래밍 언어의 한 종류이다. 축약형 표현 ​ HTML에서 용어의 축약형을 표현하기 위해서는 태그(.. 2022. 1. 23.
[HTML] 서식(Formatting) - <b><strong><i><em>등등 서식(Formatting) ​ HTML은 텍스트(text)에 다양한 효과를 주는 여러 태그(tag)를 제공합니다. 강조 효과 ​ HTML 문서에서 텍스트를 굵게 표현하고 싶을 때에는 태그(bold text)나 태그를 사용하면 됩니다. "이 부분"은 단순히 글씨가 굵은 부분이에요! "이 부분"은 중요한 부분이라서 굵게 표현됐어요! ◆ 태그 태그는 단순히 화면의 텍스트를 굵게 표현해 줍니다. ​ ◆ 태그 태그는 텍스트를 굵게 표현해줄 뿐만 아니라 그 내용이 중요하다는 의미도 함께 포함해 줍니다. ​ ​ ​ HTML 문서에서 이탤릭체를 표현하고 싶을 때에는 태그(italic text)나 태그(emphasized text)를 사용합니다. "이 부분"은 단순히 글씨가 이탤릭체인 부분이에요! "이 부분"은 중요한 .. 2022. 1. 22.
[HTML] 제목코드 - h태그 <h1>~<h6> ◆ H태그 h태그란 제목등에 주로 쓰이는 태그입니다. ​ h태그 종류로 , , , , , 이 있습니다. 태그안의 숫자의 크기가 클수록 사이즈는 작아집니다. ​ ​ ​ ◆ H태그 사용방법 hello world h1 hello world h2 hello world h3 hello world h4 hello world h5 hello world h6 이 제일 큰 제목이며 이 제일 작은제목입니다. html 태그는 처럼 열린 태그()와 닫힌 태그()로 짝을 이룹니다. (주의 : 닫힘 태그를 넣지 않으면 태그의 속성이 지속됨으로 닫힘태그는 필수.) ​ ​ ◆ H태그 결과값 자신이 사용하는 에디터를 열어서 위와 같이 소스를 작성하고 .html파일로 저장후 그 폴더에 가서 더블클릭을 하면 웹브라우저에서 위와 같은 화면.. 2022. 1. 19.
[HTML] 기본정의_html이란? ◆ HTML ? HTML은 Hyper Text Markup Language의 약자로 가장 단순한 형태의 웹 언어입니다. 웹 문서를 만들기 위하여 사용하는 기본적인 웹 언어의 한 종류로 하이퍼텍스트를 작성하기 위해 개발 되었습니다. ​ 쉽게 말해 웹홈페이지를 만들기 위한 가장 기본적인 언어로 주로 우리가 접하는 홈페이지는 html의 들로 구성되어 있있다고 말할 수 있습니다. ◆ HTML 구조 ​HTML을 공부하기 위해서는 기본적으로 시맨틱 태그의 화면구조를 이해해야하며 ​크게는 head와 body로 body영역의 세부요소로는 header / section / footer가 있습니다. ​ ​[tip_약간의부가설명] HTML4는 2022. 1. 12.