유튜브 강의 '[웹개발 입문] HTML 핵심만 배우기' (2)-완료
<head> 속에 <title>에 제목 작성하기
<input type="text"> : input 태그
css는 태그의 스타일을 담당
<input type="text" style=> : 스타일을 바꿀 때
<div> : 여러 개의 태그를 구역으로 묶거나 나눌 때
<br/> : 줄바꿈
<strong> : 글씨 진하게
<a href= > : 링크 연결
<img>
<ul> -> <li>(내용) or <ol> -> <li>(내용) : 리스팅이 가능
<table>(표) -> <tr>(행) -> <th>, <td>(내용)
<form> : 특정 정보를 하나의 폼으로 제출해야 할 때 사용
스파르타 웹개발 종합반 1주차-HTML, CSS(1)
HTML = 뼈대, CSS = 꾸미기, Javascript = 움직이기
*시작 방법 : 폴더 만든 후 vscode에서 파일->오픈 폴더 선택 후 새 파일 만들기(제목은 ( ).html)
html : 5 로 시작
alt + b : 만들어진 페이지 열기
꼭 저장 후 페이지 열기! 그래야 변경된 내용 보임
크게 <head>(css, javascript)와 <body>로 나뉨
<p>태그 : 구역을 분리해준다
태그는 외우는 것이 아니고 가져다가 쓰는 것이다!
<style>태그는 <head> 안에 있다는 것에 주의
'class= '으로 명찰을 붙여주고, 명찰을 꾸며준다.
padding 안쪽으로의 여백, margin 바깥쪽으로의 여백
<p>ID: <input type="text"> </input></p>
Q) <p>ID: <input type="text" /></p>에서 text 뒤의 슬래시는 왜 들어간 걸까요?
A) 위의 코드를 풀어서 써보면
<p>ID: <input type="text"></input></p>이다. input으로 열어줬으니 닫아줄 때 쓰이는 /를 모양을 맞춰주기 위해 사용한 것. /가 없어도 결과는 같게 나온다.
alt + shift + f : 줄맞춤
*은 모든 것, 모든 태그를 가리킴
부트스트랩이란? 남이 만들어 놓은 예쁜 css 꾸러미
'study > TIL' 카테고리의 다른 글
| 20241010 TIL (6) | 2024.10.11 |
|---|---|
| 20241003 TIL (1) | 2024.10.04 |
| 20241001 TIL (2) | 2024.10.01 |
| 20240930 TIL - 웹개발 종합반 (0) | 2024.09.30 |
| 20240927 TIL - 주석, 변수 네이밍, 상수 (0) | 2024.09.30 |