| [JavaScript] 반복문(for, while) (0) | 2022.04.28 |
|---|---|
| [JavaScript] 문자열 (0) | 2022.04.27 |
| [JavaScript] 조건문 (0) | 2022.04.27 |
| [JavaScript] 함수 (0) | 2022.04.26 |
| [JavaScript] 변수와 데이터 타입 (0) | 2022.04.26 |
Git과 Github은 소프트웨어 개발 시 가장 자주 쓰이는 버전 관리 도구입니다.
<!DOCTYPE html>
<html lang="ko">
<header>
<meta charset="uft-8">
<title>Layout(레이아웃) 기본구성</title>
<style>
* { margin:0; padding:0; box-sizing:border-box; } <!-- 공백 제거 -->
#frame{
background-color: white;
width: 1000px;
height: 900px;
margin: 0 auto;
font-size: 20px;
text-align: center;
}
#header_style{
background-color: skyblue;
width: 1000px;
height: 100px;
}
#nave_style{
background-color: silver;
width: 1000px;
height: 100px;
}
#side_left{
background-color: yellowgreen;
width: 300px;
height: 600px;
float: left;
}
#section_style{
background-color: white;
width: 400px;
height: 600px;
float: left;
}
#side_right{
background-color: yellowgreen;
width: 300px;
height: 600px;
float: left;
}
#footer_style{
background-color: yellow;
width: 1000px;
height: 100px;
clear: both;
}
</style>
</header>
<body>
<div id="frame">
<div id ="header_style">
<h2>header</h2>
</div>
<div id ="nave_style">
<h2>NAV</h2>
</div>
<div id="side_left">
<h2>left side</h2>
</div>
<div id ="section_style">
<h2>section</h2>
</div>
<div id="side_right">
<h2>right side</h2>
</div>
<div id ="footer_style">
<h2>footer</h2>
</div>
</div>
</body>
</html>
| [CSS] selector (0) | 2022.05.02 |
|---|---|
| [CSS] CSS란? (0) | 2022.02.08 |
| [HTML] TAG(태그) (0) | 2021.05.28 |
| [HTML] HTML 이란? (0) | 2021.05.27 |
태그를 사용 시 <div><strong> </div></strong>과 같이 열리고 닫히는 태그의 순서가 꼬이지 않도록 해야 합니다.
순서가 꼬이게 된다면 유효성 검사를 통과하지 못하고 또한, 유지보수에 어려움을 겪을 수 있습니다.
올바른 예 : <div><strong></strong></div>
<img>, <br>, <meta>
area, base, embed, hr, param, source, keygen, link, input, command, col
태그 안에는 태그 명, 속성 명, 속성 값, 내용이 존재한다.
속성 값을 작성시 ""(따옴표)를 사용하여 지정해야 한다.
1) 글자태그
2) 목록 태그
3) 테이블 태그
4) 미디어 태그
| [CSS] selector (0) | 2022.05.02 |
|---|---|
| [CSS] CSS란? (0) | 2022.02.08 |
| [HTML] Layout(레이아웃) (0) | 2021.05.28 |
| [HTML] HTML 이란? (0) | 2021.05.27 |
Hyper Text Markup Language의 약자이며 Webpage를 만들기 위해 사용하는 언어입니다.
기본적으로 HTML로 파일을 작성 시 *<!DOCTYPE html>, <html></html>을 정의하고 파일명.html로 저장해야합니다.
*<!DOCTYPE html>은 현재 가장 많이 사용되는 버전인 HTML5를 사용할 때 정의 합니다.
HTML로 Webpage를 제작할 때 사용하는 것을 태그(TAG)라고 하며 태그 사용 시 <>를 사용하여 표현합니다.
태그의 사용방법은 <h1>제목태그</h1> 보통은 앞과 같이 처음과 끝을 지정해 줘야 하지만
<br> 또는 <br/>(줄바꿈 태그)와 같이 끝을 지정하지 않아도 되는 태그가 존재합니다.
여기서 <!-- -->를 주석이라 하며 코드를 설명하는 부분을 작성할 때 사용합니다.
주석을 쓰게되면 HTML문서의 변형이 이루어지는 것은 아닙니다.
한국어 오류가 나는 경우가 있기 때문에 <meta charset="utf-8"> 코드를 추가하여 문자를 인코딩 시켜줍니다.
<!DOCTYPE html> <!-- HTML version 지정 -->
<html> <!-- HTML의 큰 틀 -->
<head> <!-- HTML의 메타데이터 정의 부분 -->
<meta charset="utf-8">
<title> 제목 </title>
</head>
<body> <!-- HTML의 본문이 들어가는 부분 -->
본문
</body>
</html>
| [CSS] selector (0) | 2022.05.02 |
|---|---|
| [CSS] CSS란? (0) | 2022.02.08 |
| [HTML] Layout(레이아웃) (0) | 2021.05.28 |
| [HTML] TAG(태그) (0) | 2021.05.28 |
요즘들어서 HTML, CSS, Javascript 등 웹 개발에 대한 부분을 소홀히 하고 있다는 것을 느끼게 됐다.
현재 대학교 4학년에 재학중이며 Python, R만 사용해서 AI, BigData에 대한 공부만 하고 있다보니
남는 시간에도 해당하는 과제에 집중하느라 웹 개발 공부에 투자하는 시간이 적어졌다.
그렇게 해서 word 문서에 정리를 하고 있었지만 외부에서 자료를 참고 할 수 없어서
이렇게 블로그를 통해서 자료를 남겨두고 나의 발자취를 다시 돌아볼 수 있도록 하기위해서
블로그를 시작해보도록 하자!!!