운동하는 코린이 💪

운동하는 코린이 💪

반갑습니다 :)

HTML 기초

Date:     Updated:

카테고리:

태그:

html.png

기초되는 문장을 화면에 표시해보자

<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>01_First.html</title>
</head>
<body>
	<h1>안녕하세요 반갑습니다~!!! 누가 보시나요</h1>

</body>
</html>

출력된 모습을 확인해 보자

html1.png

다음은 주석을 쓰는방법이다

  • 을 표시해준다 Visual Code 단축키는 Ctrl + / 이다

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>02_Basic.html</title>
</head>
<body>
	<h2>HTML : Hyper Text Markup Language</h2>
	<h2>Hyper Text : 관련 문서와 연결되어 있는 Text</h2>
	<h2>HTML 은 Hyper text 를 이용하여 화면을 구성할 수 있게<br/>
		개발된 마킹 랭귀지 이며, 특별히 따로 연산을 하거나 할 수는 없습니다
	</h2>
	<h2>HTML 언어로 작성된 파일은 파일이름 뒤에 .html 이라는<br/>
		확장라를 갖고 있으며, 주로 웹브라우저에서 파일의 내용을 확인할 수
		있는 특징이 있습니다</h2>

		<h2>http : Hyper Text Transfer Protocol</h2>

		<!-- 화면에 보여지지 않고 메모처럼 적어두고 싶다면 주석으로 표현합니다 -->
		<!-- 넹넹넹넹넹넹넹 -->
		<!-- 주석사용방법
		1. 내용을 쓰고 그 문구를 블럭으로 잡은 후 Ctrl + '/' 를 타이핑 하면 그 
		블럭은 주석으로 감싸집니다
		2. 먼저 Ctrl + '/'를 누르고 나타나는 표시안에 내용을 씁니다 
	    -->
</body>
</html>

글의 크기를 조절해보자 -<h1~h6>이런식으로 조절을 한다

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>03_Header.html</title> 	
</head>
<body>
	<h1>Header</h1>
	<h2>Header</h2>
	<h3>Header</h3>
	<h4>Header</h4>
	<h5>Header</h5>
	<h6>Header</h6>
	<!-- 
		Header 태그 : 문단의 제목이나 컨텐츠의 제목을 쓸때 많이 쓰는 태그입니다
		<br /> 태그를 안써도 줄바꿈이 일어나는 대표적 태그입니다 
 	-->
</body>
</html>

html2.png

글의 문단을 나눠보자 <p>

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>04_Paragraph.html</title>
</head>
<body>
	<!-- 
		<p></p> : 시작부분부터 끝부분까지를 하나의 문단으로 인식하고
				  문단이 끝남과 동시에 줄바꿈 기능이 포함되어 작용됩니다.
	 -->
	<p>국가원로자문회의의 의장은 직전대통령이 된다. 다만, 직전대통령이 없을 때에는 대통령이 지명한다. 대통령은 국가의 안위에 관계되는 중대한 교전상태에 있어서 국가를 보위하기 위하여 긴급한 조치가 필요하고 국회의 집회가 불가능한 때에 한하여 법률의 효력을 가지는 명령을 발할 수 있다. 헌법재판소 재판관의 임기는 6년으로 하며, 법률이 정하는 바에 의하여 연임할 수 있다.</p> <p>국가는 사회보장·사회복지의 증진에 노력할 의무를 진다. 국무위원은 국무총리의 제청으로 대통령이 임명한다. 법관은 헌법과 법률에 의하여 그 양심에 따라 독립하여 심판한다. 공공필요에 의한 재산권의 수용·사용 또는 제한 및 그에 대한 보상은 법률로써 하되, 정당한 보상을 지급하여야 한다.</p>

	<p>국무총리는 국무위원의 해임을 대통령에게 건의할 수 있다. 공개하지 아니한 회의내용의 공표에 관하여는 법률이 정하는 바에 의한다. 모든 국민은 고문을 받지 아니하며, 형사상 자기에게 불리한 진술을 강요당하지 아니한다. 의무교육은 무상으로 한다.</p><p> 군인은 현역을 면한 후가 아니면 국무위원으로 임명될 수 없다. 사면·감형 및 복권에 관한 사항은 법률로 정한다. 모든 국민은 법률이 정하는 바에 의하여 국방의 의무를 진다. 국가는 과학기술의 혁신과 정보 및 인력의 개발을 통하여 국민경제의 발전에 노력하여야 한다. </p><p>대법원장의 임기는 6년으로 하며, 중임할 수 없다. 국정의 중요한 사항에 관한 대통령의 자문에 응하기 위하여 국가원로로 구성되는 국가원로자문회의를 둘 수 있다.</p>
	
	<p>국가는 국민 모두의 생산 및 생활의 기반이 되는 국토의 효율적이고 균형있는 이용·개발과 보전을 위하여 법률이 정하는 바에 의하여 그에 관한 필요한 제한과 의무를 과할 수 있다. 정당은 그 목적·조직과 활동이 민주적이어야 하며, 국민의 정치적 의사형성에 참여하는데 필요한 조직을 가져야 한다. 국정감사 및 조사에 관한 절차 기타 필요한 사항은 법률로 정한다.</p><p> 모든 국민은 소급입법에 의하여 참정권의 제한을 받거나 재산권을 박탈당하지 아니한다. 대통령은 취임에 즈음하여 다음의 선서를 한다. 국가는 재해를 예방하고 그 위험으로부터 국민을 보호하기 위하여 노력하여야 한다. 탄핵소추의 의결을 받은 자는 탄핵심판이 있을 때까지 그 권한행사가 정지된다.</p>
	 <!-- 한글 문단 얻어오는 곳 ; http://guny.kr/stuff/klorem/ -->
</body>
</html>

html3.png

Html 카테고리 내 다른 글 보러가기

첫 번째 글입니다 가장 최근 글입니다

댓글 남기기

최근 글 10 개 :)