수업

html, css 기초

eunslog 2023. 3. 13. 11:02

*HTML

<div>: 구역 나눔.
<p>: 문단
<hn>: 제목. 뒷 숫자가 커질수록 글자 크기는 작아짐.
<a> 태그: 하이퍼링크
- href 와 함께 쓰임.  (href는 속성)
ex) <a href="https://spartacodingclub.kr/"> 하이퍼링크 </a>

<img 태그>: src와 함께 쓰임. (src는 속성)
ex) <img src="https://s3.ap-northeast-2.amazonaws.com/material">

<input> 태그: type과 함께 쓰임. (type은 속성)
ex) <input type="text"> -> 아이디 "password"는 안 보이는것.

<button> 버튼 </button>

선택자의 역할을 하는 class와 id : 선택해서 스타일이나 동작 부여
1) 단 하나만 존재하는 요소를 표현하기 위한 방법: ID
2) 비슷한 종류의 요소를 묶어놓는 방법: CLASS

*CSS
:메마른 HTML 태그에 색칠을 하는 역할


*****vscode 단축키*****
내파일 Ctrl + N
저장 Ctrl + S
들여쓰기 Tab
내어쓰기 shift + Tab
주석 Ctrl+/