하이브리드앱

본문 바로가기
사이트 내 전체검색


하이브리드앱
하이브리드앱

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

페이지 정보

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

본문

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

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 헤더정보가 있으면 검색엔진에서 검색되지 않는다.


댓글목록

등록된 댓글이 없습니다.


개인정보취급방침 서비스이용약관 모바일 버전으로 보기 상단으로

TEL. 063-469-4551 FAX. 063-469-4560 전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과

Copyright © www.leelab.co.kr. All rights reserved.