Notice
Recent Posts
Recent Comments
Link
«   2025/08   »
일 월 화 수 목 금 토
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
Tags more
Archives
Today
Total
관리 메뉴

expertbuilder

1일차 1강. HTML 과 HTML5 본문

HTML

1일차 1강. HTML 과 HTML5

엑스퍼트빌더 2018. 5. 8. 14:53

HTML이란?

  • Hyper Text Markup Language
  • 월드와이드웹 문서를 작성하는 Markup Language
  • Tag
  • Hyper Text 의 원리를 이용하여 여러 문서를 링크
  • 다양한 정보를 검색하기 위한 목적

< HTML5 기본 문서구조 >


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html>
<html lang="en">
<head>   
<meta charset="utf-8">   
<title>My First HTML5 Page</title>
</head>
    <body>
    HTML 강좌 <br> <br>
    여러분을 만나게 되어서 정말 기쁩니다. <br>
    이곳에 초청해주신 박용호 교수님께 감사드립니다. <br> <br>
    여러분과 한달 동안 즐거운 시간이 되기를 바라고<br>
    여러분께 도움이 되도록 노력하겠습 니다.
    </body>
</html>
 
cs



HTML은 무엇으로 만들까?


- editor

- Atom

- Editplus 

- Eclipse


우리는 Atom 을 이용하도록 하겠습니다.


HTML 을 무엇으로 확인할까?


HTML 문서를 열어볼수 있는 프로그램을 브라우저라고 합니다.


- Internet explore

- Chrome

- FireFox

- Opera

- Safari


우리는 Chrome 을 이용하도록 하겠습니다.


<실습> 자신을 소개하는 HTML 파일을 만들어 보겠습니다.


intro.html 로 저장해주세요.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="utf-8">
<title>My First HTML5 Page</title>
</head>
    <body>
    제 이름은 조현준입니다.  <br> <br>
    저는 한국에서 왔습니다. 여러분과 함께 웹프로그램을 공부하기 위해서 왔습니다. <br>
    
    저는 예쁜 아내와 결혼했고, 세명의 아이가 있습니다. <br> <br>
    
    제 어린시절 꿈은 개그맨이었고, 안타깝게도 지금은 웹사이트를 만드는 일을 하고 있습니다.<br><br>
    제 별명은 "뚱땡이" 인데 이말은 살이 쪘다는 뜻입니다. <br>
    하지만 이 별명은 사람들과 더 친해질수 있는 별명이어서 좋아합니다.<br><br>
 
    저는 43살이지만 마음은 23살입니다. 여러분과 즐겁게 지내고 싶습니다.
    
    </body>
</html>
 
cs




오늘은 첫시간이니 한명씩 자기 소개를 해보면 좋겠습니다.


몇가지 태그를 배우고 여러분이 작성한 HTML을 꾸며 보도록 하겠습니다.



'HTML' 카테고리의 다른 글

1일차 2강. 기본 태그 1 < 글씨의 크기와 색상, 이미지, 링크 >  (0) 2018.05.08
'HTML' Related Articles more