따라 만들어본 웹페이지
강의를 보며 만들어본 코딩이다.
<!doctype html>
<html>
<head>
<title>핸음이네 사이트</title>
<meta charset="utf-8">
</head>
<body>
<h1><a href="index.html">핸음이네 가족</a></h1>
<ol>
<li><a href="1.html">핸음</a></li>
<li><a href="2.html">동생1</a></li>
<li><a href="3.html">동생2</a></li>
</ol>
<h2>핸음</h2>
<p>핸음이는 요새 참 힘들어 합니다. 뭘 해야할까 뭘 안해야할까 고민하면서 살아가죠.. 힘들지만 뭐라도 해야겠다 싶어서 이렇게 Html을 이용하여 사이트도 만들어 봅니다. 하지만 인생이 쉬울까요? 그냥 이렇게 글자라도 막 적어서 사이트 하나 만들면 어떨까 싶어 이렇게 적어보는 것이죠.</p>
<img src="https://images.unsplash.com/photo-1549153870-a728ae119c5f?ixid=MXwxMjA3fDB8MHxzZWFyY2h8MTF8fHdhbmRlcmVyfGVufDB8fDB8&ixlib=rb-1.2.1&auto=format&fit=crop&w=1000&q=60" width="100%">
</body>
</html>
위의 코딩을 하면서 태그들을 배우게 되었다.
<p> = paragraph, 문단
<br> = 엔터치는 것
<h1>~<h6> = 제목
<ol> = ordered list, 숫자 목록
<ul> = unordered list, 목록
<head> = 본문 외의 것
<body> = 본문
<html> = html 파일의 처음에 적는 것
<title> = 사이트 제목
<a> = 하이퍼링크, href 등 쓸수있다.
조금 더 배워서 잘 써먹어야겠다.
'자료실' 카테고리의 다른 글
코딩 배우기 위한 좋은 사이트 (0) | 2020.12.18 |
---|---|
플래쉬 파일 EXE 을 swf 파일로 변환하는 프로그램 (0) | 2020.12.17 |
저작권 걱정 없는 무료 사진 사이트 (1) | 2020.12.17 |
응용 고체 역학 - 09/10 (0) | 2019.09.12 |
좋은 공부 참고 블로그를 찾았다. (0) | 2018.05.02 |
댓글
이 글 공유하기
다른 글
-
코딩 배우기 위한 좋은 사이트
코딩 배우기 위한 좋은 사이트
2020.12.18 -
플래쉬 파일 EXE 을 swf 파일로 변환하는 프로그램
플래쉬 파일 EXE 을 swf 파일로 변환하는 프로그램
2020.12.17 -
저작권 걱정 없는 무료 사진 사이트
저작권 걱정 없는 무료 사진 사이트
2020.12.17 -
응용 고체 역학 - 09/10
응용 고체 역학 - 09/10
2019.09.12