갈림길 이정표

<javascript> 기본1 본문

카테고리 없음

<javascript> 기본1

이몽뇽 2020. 8. 10. 17:52 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
만세
<br>
개발환경은&nbsp;&nbsp;&nbsp;&nbsp;이클립스&copy;특수&quote;&lt; &gt; &amp;
<br> tag: block 방식 :  새로운 행에 출력: p, h, div
<br> tag: inline 방식 :  같은 행에 출력: b, i, span
<br><br><br>라인스킵 (여러번 인식 가능)
<p><p><p>문단나누기 (한번만 인식)
<!-- ---주석 -->
<hr>
<hr size="5" width=50% color="#ff0000">
<h1>제목 중 가장 큰 값</h1><!--알아서 라인 스킵-->
<h6>제목 중 가장 작은 값</h6>
<div style="background-color: Yellow"> 블럭 단위 영역 확보</div>abc <!-- 행전체 블럭 -->
<span style="background-color: Cyan">특정 영역 확보</span>def
<section style="background-color: Red">영역확보</section> <!-- block tag: 기본 br -->
<article style="background-color: Silver">영역확보</article> <!-- block tag: 기본 br -->
자바스크립트<b>자바스크립트</b> <i>자바스크립트</i> <strong>자바스크립트</strong> <!-- b:굵기(bold)≒ strong, i: 기울임체(italic)-->
<br>
<strong><i>자바스크립트</i></strong> <b><i>자바스크립트</i></b> <!-- inline tag: 같은 행에 진행 -->
작성자 : 홍길동
<br>
<ul>
	<li>국어</li> <!-- li: 목록 tag -->
	<li>영어</li>
</ul>
<ol>
	<li>국어</li>
	<li>영어</li>
</ol>
</body>
</html>

실행 결과

Comments