하이브리드앱

본문 바로가기

사이트 내 전체검색


2. 블록레벨/인라인레벨 엘리먼트

페이지 정보

작성자 관리자 댓글 0건 조회 516회 작성일 22-01-05 18:03

본문

1. 블록레벨 엘리먼트


실습 : tag.html


<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <title>블록/인라인 엘리먼트</title>

 </head>

 <body>

 <!-- 블록레벨 엘리먼트 -->

  <p>문단1입니다.</p><p>문단2입니다.</p>

 </body>

</html>



1.PNG

블록레벨은 태그를 붙여써도 실행하면 줄이 바뀐다.


2. 인라인 레벨 엘리먼트


<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <title>블록/인라인 엘리먼트</title>

 </head>

 <body>

 <!-- 블록레벨 엘리먼트 -->

  <p>문단1입니다.</p><p>문단2입니다.</p>

  <!-- 인라이레벨 엘리먼트 -->

  <strong>안녕</strong>

  <strong>Hello</strong>


 </body>

</html>



2.PNG

인라인레벨은 실행하면 한줄로 나타난다.



  <!-- 블록/인라인레벨 엘리먼트 -->

  <p><strong>문단1</strong><em>입니다.</em></p><p>문단2입니다.</p>



블록레벨 안에 인라인 엘리먼트를 같이 쓴 예제이다.


3.PNG


3. <h1>헤더정보 </h1> : 제목에 사용


<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <title>헤더정보</title>

 </head>

 <body>

 <!-- 제목에 사용 -->

<h1>헤더정보 1</h1>

<h2>헤더정보 2</h2>

<h3>헤더정보 3</h3>

<h4>헤더정보 4</h4>

<h5>헤더정보 5</h5>

<h6>헤더정보 6</h6>

 </body>

</html>



4.PNG

시멘티 마크업은 검색엔진에서 사용이 될려면 헤더정보가 순차적으로 존재해야 한다.

H1 다음 H2가 있어야 한다. H1 다음 H3 헤더정보가 있으면 검색엔진에서 검색되지 않는다.


댓글목록

등록된 댓글이 없습니다.



개인정보취급방침 서비스이용약관
Copyright © www.leelab.co.kr All rights reserved.
상단으로
TEL. 063-469-4551 FAX. 063-469-4560
전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과
PC 버전으로 보기