Multi Developer SuHo

HTML 주석 처리, 인라인 태그, 블록 태그 본문

html5+CSS3

HTML 주석 처리, 인라인 태그, 블록 태그

Dreaming Developer Student 2024. 1. 29. 17:27
SMALL

안녕하세요~  오늘은 HTML 주석 처리 방법, 인라인 태그,  블록 태그에 대해 알아보겠습니다. 

글을 작성하기전 모든 내용은 다음과 같은 강의플랫폼을 활용하여 작성하였습니다.
https://www.inflearn.com/course/html-css-%EA%B8%B0%EC%B4%88-%EB%AC%B8%EB%B2%95-%EC%98%AC%EC%9D%B8%EC%9B%90

 

[지금 무료] HTML5 & CSS3 기초 문법 올인원 강의 - 인프런

도서 HTML5 독학백서 & CSS3 독학백서 저자 직강! 이론은 짧게 핵심만! 모던 HTML과 CSS에 입문하기 위해 꼭 알아야 하는 핵심 문법 엑기스만 정리했습니다., 핵심을 컴팩트하게! 빠르게 해치우는 HTML/

www.inflearn.com


HTML 에서 주석 처리 방법은 다음 소스코드와 같은 방법으로 사용됩니다.

주석 처리 방법은 언어마다 다르기 때문에 언어에 맞는 주석 처리 방법으로 사용하셔야 합니다.
HTML 주석 처리 방법:  <!--  -->  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Html 실습</title>
</head>
<body>
  <h2>언제부터 인가, 나도 모르게 책을 읽고 있었다.</h2>
  <!--내일부터라도 책을 읽을려고 합니다-->
</body>
</html>

 

실행결과

실행결과 주석으로 처리된 코드는 실제로 코드에 영향을  주지 않는 것을 볼 수 있습니다.

다음은 블록 태그와 인라인 태그 입니다. 
HTML 에서 사용되는 모든 태그들은 인라인 태그와 블록 태그 입니다.  
1. 블록 레벨(Block-level) 태그
블록 레벨 태그는 항상  전체 너비를 차지하는 덩어리 태그를 의미합니다.  그 뒤에 오는 요소도 새로운 라인에서 시작합니다. 즉, 이들 태그는 주로 구조적인 요소를 구성하는 데 사용되며, 기본적으로 가로 길이가 부모 요소의 가로 길이를 모두 차지합니다. 대표적인 블록 레벨 태그로는 <div>, <p>, <h1>~<h6>, <ul>, <li>, <blockquote> 등이 있습니다.


2. 인라인(Inline) 태그
인라인 태그는 자기 자신의 크기 만큼만 자리를 차지하는 태그를 의미합니다.  문장 내에 연속적으로 배치됩니다. 이들 태그는 주로 텍스트나 링크와 같은 내용을 스타일링하는 데 사용되며, 필요한 만큼의 공간만 차지합니다. 대표적인 인라인 태그로는 <span>, <a>, <img>, <strong>, <em>, <q> 등이 있습니다.

LIST
저작자표시

'html5+CSS3' 카테고리의 다른 글

HTML 이미지<img>, 비디오<video>, 오디오 태그<audio>  (0) 2024.02.03
HTML 링크 태그, 리스트 태그  (0) 2024.02.01
HTML 제목, 문단, 서식 태그  (0) 2024.01.29
HTML 기본 구조  (0) 2024.01.26
HTML5 실습  (0) 2024.01.26
'html5+CSS3' Related Articles more