✋HTML/CSS 수업 1일차
어제 간단한 예제를 해보고 본격적으로 수업을 진행했다.
이클립스에서 index파일을 만들고 간단한 실습들을 진행하였다.
1.기본적인 <h>태그와 <Strong>태그
<실행화면>
hello world!
hello world!
hello world!
hello world!
hello world!
hello world!
주의!배가 고픕니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style>
.font1 {font-size: 25px;}
.font2 {font-size: 30px;}
.font3 {font-size: 35px;}
section{margin-left: 30px;}
.align_cont{}
.align_cont p {
width: 300px;
height: 300px;
}
.align_cont p *{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<h1><strong>hello world!</strong></h1>
<h2>hello world!</h2>
<h3>hello world!</h3>
<h4>hello world!</h4>
<h5>hello world!</h5>
<h6>hello world!</h6>
<strong>주의!</strong>배가 고픕니다.글씨체 관련 태그글씨체 관련 태그
<i>: 이탤릭체로 표기
<b>: 굵은 글씨로 표기
<strong>: 중요한 내용을 강조
<em>: 강조된 내용 포함<section> <span class="font3">글씨체 관련 태그</span> <div> <div> <span class="font1"> HTML 문서에서 텍스트를 강조하는 데 사용되는 태그 </span> </div> <p>이 문장은 <i><strong>이탤</strong>릭체</i>로 표시됩니다.</p> <p>이 문장은 <b>굵은 글씨</b>로 표시됩니다.</p> <p>이 문장은 <strong>중요한 내용</strong>을 담고있습니다.</p> <p>이 문장은 <em>강조된 내용</em>을 포함하고 있습니다.</p> </div> </section>
HTML 문서에서 텍스트를 강조하는 데 사용되는 태그
이 문장은 이탤릭체로 표시됩니다.
이 문장은 굵은 글씨로 표시됩니다.
이 문장은 중요한 내용을 담고있습니다.
이 문장은 강조된 내용을 포함하고 있습니다.
띄어쓰기띄어쓰기 관련 태그
 : 공백으로 표기<section> <span class="font3">띄어쓰기</span> <div> <div> <span class="font1"> HTML에서 공백은 여러 개를 입력하더라도 하나로 인식되고, 필요에 따라 줄바꿈이 일어난다. </span> </div> <p>이 문장은 한 개의 공백을 유지합니다.</p> <p>이 문장은 여러 개의 공백을 유지합니다.</p>
HTML에서 공백은 여러 개를 입력하더라도 하나로 인식되고, 필요에 따라 줄바꿈이 일어난다.
이 문장은 한 개의 공백을 유지합니다.
이 문장은 여러 개의 공백을 유지합니다.
개발자로 취업하기