스터디 1주차 🐬
- html/css 생활코딩님 강의 web01 ,web 02 인프런을 통해 완강
HTML
- 기본 구조
<!DOCTYPE html>
<head>
<title>Document</title>
</head>
<body>
<script></script>
</body>
</html>- 예시 코드 1
<ol>
<li><a href="buda.html">Budapest</a></li>
<li><a href="wien.html"> Wien</a></li>
<li><a href="praha.html">Prague</a></li>
</ol>
.ol(Ordered List)
.ul(Unordered List), ol과 차이점은 ol은 자동으로 넘버링됨.
.a href에서 anchor에서 따온 태그, 닻을 내리는?느낌으로 다른 html로 연결해줌
3.예시코드 2
<body>
<h1>202207 TRIP-Cesko</h1>
<ol>
<li><a href="buda.html">Budapest</a></li>
<li><a href="wien.html">Wien</a></li>
<li><a href="praha.html">Prague</a></li>
</ol>
<h2><a href="practice.html">Main Page</a></h2>
<img src="../혜one/grafolio/Cathedral_01.jpg" width="20%">
<br> <h3>Prague</h3>
<p>Enjoy watching beautiful pictures~<br>All pictures are takey by OhBom.</p>
</body>img src(이미지 불러오기): ../는 지금 이 html이 속해있는 것보다 상위폴더로의 이동! ./는 현재 폴더 의미
<br>은 한줄 띄어쓰기
p는 문단을 표시
목표는 감자탈출