멋쟁이 사자처럼 프론트엔드 2기 - 01
앞으로 나의 성장과정을 기록할 것이다.
2월 19일부터 개발공부를 시작하였다.
정말 가고 싶었던 멋쟁이사자처럼 프론트엔드 스쿨 2기를 합격하고 첫 날이 시작되었다.
모든 것이 새롭고 낯설겠지만 4개월기간동안 열심히 달려볼 것 이다.
4개월 후 이 글을 보며, 내가 얼마나 성장해있을지 궁금하다.
**코드라이언 강의 HTML/CSS**
<!DOCTYPE html> ->html5 버전을 의미
<html lang="ko"> ->html 문서의 시작을 의미, lang이라는 속성은 해당문서의 주력으로 사용된 언어
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>form</title>
<head> -> html 문서의 정보를 작성하는 영역
<body> -> 웹 브라우저에 표시되는 영역, 사용자에게 보여지는 영역
<!DOCTYPE html>
<html> ->html안에서 가장 큰 가방을 만든 것이다
<head> -> 그 다음 가방을 만든 것
<meta charset="UTF-8"> ->한글 출력
<title>김멋사의 이력서</title>
<link rel="stylesheet" href="codelion.css">
</head>
<body>
<h1>김멋사</h1>
<p>HTML/CSS</P> ->모든 글을 P
<footer>내용</footer> ->하단에 공통적으로 쓰여있는 부분
</body>
</html>.mainbox {
border: 1px solid #ebebeb; ->border: 두께 방식 색깔;
width: 610px;
text-align: center;
margin-left: auto; ->가운데 정렬
margin-right: auto; ->가운데 정렬
}.float-wrap { ->float는 둥둥 떠다니는 특징을 갖고있다. 그래서 가두리를 만들어야 한다.
overflow: hidden;
} → float로 띄어져있는 요소들을 다 묶어주고 그 다음에 오는 html 요소들이 float영향을 받지 못하게 해준다
.title-text {
font-size:11px;
font-weight: bold;
color: #282828;
float: left;
}
.year-text{
font-size:11px;
font-weight: bold;
color: #282828;
float: right;
<div class="sns-wrap">
<a href="http://facebook.com"><img class="sns-img" src="images/facebook.png"></a> ->a태그는 링크태그
<img class="sns-img" src="images/twitter.png"> ->이미지연결
<img class="sns-img" src="images/linked-in.png">
<img class="sns-img" src="images/insta.png">
</div>Author And Source
이 문제에 관하여(멋쟁이 사자처럼 프론트엔드 2기 - 01), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@uni/멋쟁이-사자처럼-프론트엔드-2기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
좋은 웹페이지 즐겨찾기
