29.(기초) HTML5 기초
모바일 홈페이지 혼자 만들자
<1> 개발자의 길
<2> 서비스 구성도
<3> HTML을 작성하기 위한 Notepad ++ 프로그램 설치
<4> 구글 크롬 설치
<5> HTML 시작하기
<6> 타이틀 넣기와 글씨 크기 변경
<7> 태그 알아보기
<8> 표만들기
<9> 그림 불러오기, 음악 불러오기
<10> 옵션 버튼과 리스트 버튼 설정하기
<11> 참고해서 공부할만한 사이트
<12> HTML 시작으로 좋은 책들
<1> 개발자의 길
<2> 서비스 구성도
<3> HTML을 작성하기 위한 Notepad ++ 프로그램 설치
https://notepad-plus-plus.org//
<4> 구글 크롬 설치
https://www.google.com/intl/ko_ALL/chrome/
PC에 맞게 32비트 or 64비트를 다운 받는다
<5> HTML 시작하기
<!DOCTYPE html>
<html>
<head>
<title> </title>
</head>
<body>
<H1> html5 !!! </H1>
</body>
</html>
결과 :
nano 에디터 사용하기
nano index.html
<6> 타이틀 넣기와 글씨 크기 변경
<!DOCTYPE html>
<html>
<head>
<title> HTML5 + ssss </title>
</head>
<body>
<H1> HELLO WORLD !! HTML5 ! </H1>
<H2> HELLO WORLD !! HTML5 ! </H2>
<H3> HELLO WORLD !! HTML5 ! </H3>
<H4> HELLO WORLD !! HTML5 ! </H4>
결과 :
<7> 태그 알아보기
br과 p 테스트 <p>
링크 테스트 <p>
ol 과 ul 테스트 <p> <br> <p>
링크 <p>
<a href="http://serverchk.com"> www.serverchk.com 바로가기 </a><br> <p>
링크 <br>
<a href="http://it.serverchk.com"> IT무료 교육 it.serverchk.com 바로 가기 </a><br>
<p>
<h1> ol test </h1>
<ol>
<li> test ol </li>
<li> test ol </li>
<li> test ol </li>
</ol>
<h1> ul test </h1>
<ul>
<li> test ul </li>
<li> test ul </li>
<li> test ul </li>
<li> test ul </li>
</ul>
<hr / >
결과 :
<8> 표만들기
<table border="1">
<tr> 1
<th> 1th tag !! </th>
<th> 1th tag !! </th>
<th> 1th tag !! </th>
</tr>
<tr> 2
<th> 2th tag !! </th>
<th> 2th tag !! </th>
<th> 2th tag !! </th>
</tr>
<tr> 3
<th> 3th tag !! </th>
<th> 3th tag !! </th>
<th> 3th tag !! </th>
</tr>
</table>
결과 :
<9> 그림 불러오기, 음악 불러오기
그림 불러오기 <p>
<body>
<img src="game1.jpg" alt="111" width="300">
<img src="null111.jpg" alt=" NULL !!! not exist !!" width="300" >
<p>
<br>
<p>
음악 mp3
<p>
<audio src="1.mp3" controls autoplay="autoplay"> </audio>
</body>
</html>
동영상 불러오기
<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
</video>
결과 :
<10> 옵션 버튼과 리스트 버튼 설정하기
<body>
<select>
<option> 111 </option>
<option> 222 </option>
<option> 333 </option>
<option> 444 </option>
</select>
</body>
<body>
<select multiple="multiple">
<option> 111 </option>
<option> 222 </option>
<option> 333 </option>
<option> 444 </option>
</select>
</body>
결과 :
<11> 참고해서 공부할만한 사이트
<12> HTML 시작으로 좋은 책들
https://brunch.co.kr/@topasvga/1463
감사합니다.
