분류 전체보기26 [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. [web_tip] 절대경로와 상대경로 ? ♥ 절대경로와 상대경로 자세히 알기 우리가 코딩을 할 때 파일이나 이미지를 가져오는 경로로써 필수적으로 알아야 할 개념입니다. 절대경로는 거의 헷갈리지 않지만 상대경로를 헷갈려하는 사람들이 종종 있어 정리해봅니다. * 아래 그림처럼 이런 폴더와 파일이 있다고 가정해봅시다 (임의) ♥ 절대경로 ex1) 절대경로 첫번째 예시 현재 나는 sub.01.html 이라는 파일을 작성 중에 있을대 상위에 있는 img 폴더 안 logo.jpg를 불러와야 된다고 가정했을 때 이 때의 절대경로는? 보는 바와 같이 나의 도메인 주소를 시작으로 최상위 폴더부터 거슬러 내려가면 됩니다. ex2) 절대경로 두번째 예시 그럼 작성중인 파일만 left_menu.html 으로 바뀌면 logo.jpg 절대경로는 어떻게 될까요? 위와 동.. 2022. 1. 21. [HTML] html의 기본 요소 구조 / 태그 요소 (element) 다른것들보다 더 먼저 알아야 할 요소구조인데, 잠시 정리하다가 빼트려 먹어서 5번째 정리로 순서가 밀려났다. (...) html기본 구조라, 잘 기억해두자! HTML 요소 구조 (태그 구조) HTML 요소(element)는 여러 속성을 가질 수 있으며, 이러한 속성(attribute)은 해당 요소에 대한 추가적인 정보를 제공합니다. 또한, HTML 요소는 시작 태그로 시작해서 종료 태그로 끝납니다. 속성은 HTML 요소 중에서도 언제나 시작 태그 내에서만 정의되며, 속성 이름과 속성값(value)으로 표현됩니다. 속성 이름은 언제나 소문자로 작성하자! HTML5 표준에서는 속성 이름에 대소문자를 구분하지 않고 있습니다. 하지만 W3C에서는 속성 이름을 사용할 때 될 수 있으면 소문자로 작성.. 2022. 1. 21. [HTML] 단락태그 _ <p>,<br>,<pre>,<hr> 더보기 ◆ 단락(Paragraph) 단락이란 내용상 끊어서 구분할 수 있는 하나하나의 부분을 의미하며, 문단이라고도 부릅니다. html에서는 태그를 이용하여 이러한 단락을 표현합니다. > 단락태그들을 이용한 예시안 단락을 나타내는 p태그 이렇게 줄을 바꿔도 한줄로 출력된다. 줄바꿈 기능을 하는 태그 p 태그와는 다르게 내가 쓰는 그대로 출력하는 pre태그 공백부터 줄 바 꿈까지 모두 그대로 출력 띄어쓰기와 줄 나누기 HTML 코드에서 띄어쓰기나 줄 나누기를 여러 번 하더라도 웹 브라우저를 통해 나타나는 화면에는 전혀 영향을 주지 못합니다. 웹 브라우저는 여러 번의 띄어쓰기나 줄 나누기를 오직 하나의 띄어쓰기나 줄로만 인식하기 때문입니다. 다음 예제는 웹 페이지에 여러 번의 띄어쓰기와 줄 나누기를 표현하기.. 2022. 1. 20. 이전 1 2 3 4 5 다음
