1일차 진행과정 설명 - 대충 취업 설명
2일차 간단한 GIT허브의 등록과 거기다 수업을 저장해두는 절차를 좀 배움
3일차 HTML 구조에대한 공부와 이것저것 시스템 만져봄 일단 "이해" 라는 명목 하에는 잘 되는 듯 합니다.
오늘은 일단 각종 이미지와 링크를 연결 하는등을 집중적으로 배운 듯 함.
<link href="../root-2/css/style.css" rel="stylesheet"> (이것은 CSS를 연결할때 사용)
쳇 GPT를 사용했을때는 뭔가 REL부분이 빠져있었던것 같은데 어쨋든 이게 정석이니 정석을 따르자.
<script src="scripts/script.js" type=""text/javascript"></script> (이것은 자바스크립트 연결을 위해)
</head>
*-------------------- 윗 부분들은 헤드 안에 들어가야 하더라, 뭐 바디안에 들어가도 작동은 하는데, 그래도 헤드안에 넣자
나도 잘모름 그게 맞데.. 몰라 XX..
다음은 사이트 주소나 페이지, 사진 연결인데 이건 주가 되는 내용으로 "바디" 안에 들어가야 함
<body>
<!--절대 경로-->
<h1>인덱스페이지</h1>
<a href="https://www.daum.net">다음으로 이동</a> 이건 만들면 다음으로 이동 이라는 걸 누르면 링크를 걸어둔 쪽으로 이동해요.
<a href="header.html">header로 이동</a> 이건 눌렀을때 header 라는 곳으로 이동하는데, 이건 파일 내부에 있어야 이동이 가능함. 인터넷이 아님.
<img src="contact/images/example.jpg" alt="이미지"> 이건 바디에 이미지를 가져오는 방식인데, 앞에 img src가 가져오게끔하는 거고 앞에는 가져오는 위치를 뜻함. 이 코드 작성할때 컨텍트 폴더안에 이미지 폴더안에 example 사진을 가져오는 뜻, alt는 사진 안나오면 그 빈자리에 "이미지" 라는 문구가 뜨게 하는 거라고 함.
배운건 더 많은데 일단 끄적여서 리마인드 해봄.
'코딩을해보자 > 프론트엔드' 카테고리의 다른 글
| 프론트엔드에서 flex를 배우는데 잘 안된다. 실패중 (0) | 2024.09.04 |
|---|---|
| 비전공자 초보자가 보는 프론트 앤드 수업 근황 (0) | 2024.08.22 |
| 티스토리 html만 이용해서 css적용해보기. (0) | 2024.08.06 |
| html과 css, 자바스크립트 (0) | 2024.08.01 |
| 프론트 앤드를 배우려는데(html, css, 자바스크립트) (2) | 2024.07.15 |