일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- ue5
- 애니메이팅
- 마야
- visualstudio
- Programming
- Costume
- character
- C언어
- 3dmodeling
- blueprint
- 개발블로그
- cc4
- 프로그래밍
- c++
- UnrealEngine
- 언리얼엔진
- autodesk
- animating
- 3d
- reallusion
- UE
- C
- coding
- ANIMATION
- maya
- modeling
- iclone
- 씨플플
- unreal
- charactercreator
Archives
- Today
- Total
개발나라 스용공주
[생활코딩] CSS 왕기초 17장 - Visual Studio Code / 예제 실습 (3) 본문
728x90
728x90
이번 글은 아래 실습 글을 이어서 웹페이지 실습을 완성하는 글이다.
https://hwangseoyoung.tistory.com/123
[생활코딩] CSS 왕기초 15장 - Visual Studio Code / 예제 실습 (1)
아래 사진과 같은 형태의 웹페이지를 만들어 볼 것이다.제목과 목차는 고정인 상태이고 목차를 선택하면 그 목차에 해당하는 본문 내용이 뜨는 것이다.그리고 제목 밑과 목차와 본문 내용 사이
hwangseoyoung.tistory.com
<!doctype html>
<html>
<head>
<title>Introduce Youtube</title>
<meta charset="utf-8">
<style>
h1 {
text-align : center;
border-bottom : grey solid 2px;
margin : 0;
padding : 15px;
}
#ol {
border-right : grey solid 2px;
margin : 0;
padding-top : 15px;
}
#div {
display : grid;
grid-template-columns: 250px 1fr;
}
#con {
margin-left : 20px;
}
</style>
</head>
<body>
<h1>Youtuber</h1>
<div id = "div">
<div id = "ol">
<ol>
<li><a href="index.html">Youtube</a></li>
<li><a href="2.html">Contents</a></li>
</ol>
</div>
<div id = "con">
<h2>Introducing My Youtube</h2>
<img src="image_01.jpg" width="50%">
<p>This is <b>my YOUTUBE CHANNEL <a href="https://www.youtube.com/watch?v=1pBoUsMzqZE" target="_blank" title="Thapha Youtube link"><u>'THAPHA'</u></a></b>!<br>
Your subscription will give me some energy!</p>
</div>
</div>
</body>
</html>
728x90
728x90
'WEB > HTML & CSS' 카테고리의 다른 글
[생활코딩] CSS 왕기초 19장 - Visual Studio Code / 반응형 웹 디자인 실습 (0) | 2024.06.30 |
---|---|
[생활코딩] CSS 왕기초 18장 - Visual Studio Code / 반응형 웹 디자인 (0) | 2024.06.30 |
HTML 유용한 사이트 (0) | 2024.06.27 |
[생활코딩] CSS 왕기초 16장 - Visual Studio Code / 예제 실습 (2) - 그리드(Grid) 사용하기 (0) | 2024.06.27 |
[생활코딩] CSS 왕기초 15장 - Visual Studio Code / 예제 실습 (1) (0) | 2024.06.26 |
Comments