오늘의 키포인트
HTML. 참조하기 좋은곳 : https://yunbinni.tistory.com/63
나의 이해
HTML : 웹페이지 구조 담당
CSS : 시각적인 디자인 요소 담당
JS : 단순한 웹페이지를 상호작용
문법 및 중요
HTML은 tag들의 집합
tag는 <>로 묶인것
HTML의 속성(attribute)는 두가지로 구성되는데 속성의 이름과 속성의 값
ex)<p class="paragraph"> This is a paragraph. </p> 에서 속성이름은 class, 콘텐츠는 This is a paragraph
구조
<!DCOTYPE html>. : html의 버전을 선언 html5부터 이걸로 통일됨
<html lang="ko"> : html 선언한국어
----------------------------이렇게 두개는 맨위에 그리고 html안에 <head>와 <body>가있음
<head>
<meta charset="UTF-8">
<title>페이지 이름</title>
</head>
<body>
<h1>제목</h1> //숫자가 커질 수 록 크기가 작아짐
<strong>진한글씨</strong>
<div> 내용 </div> //전체적인 틀 짤때
<span> 내용 </span> //div는 박스형태 span는 줄 형태, span은 다른 span을 연달아 써도 이어써짐
<section> 구역 구분 </section> //웹 페이지에서 큰 의미 단위가 될 수 있는 것들 묶어서 하나의 구역 구분 대체로 div보다 이게 나음
<p> 문단내용 </p>
<br> //줄 바꿈
<img src="~.jpg"> //이미지 삽입 /width, height, alt(깨졌을 떄), title(마우스 가져다 댔을떄) /가로나 세로 하나만 지정하면 비율에 맞게
<a href="주소">글자</a>// 링크/ targer="_blank"(새탭에서 열기)
<li>내용</li> //가장 기본적인 리스트
<ul>내용</ul> //li 상위에 있는 리스트를 묶어 주는 리스트
<ol>내용</ol> //ul과 같지만 번호가 앞에 붙음
input
input의 타입 : text, password, search, url, checkbox, radio, number 등 많음
ex) <input type = "내용">
checkbox는 중복 가능 radio는 하나만 선택하지만 <input type = "radio" name="a">a 이거 처럼 a로 그룹을 묶어야함
</body>
css 호출 : <link rel="stylesheet" href="index.css" />
'코딩 공부 > 코드스테이츠 TIL' 카테고리의 다른 글
| Code States 6일차 (0) | 2021.10.14 |
|---|---|
| Code State 5일차 (0) | 2021.10.14 |
| Code States 3일차 (0) | 2021.10.11 |
| Code States 2일차 (0) | 2021.10.07 |
| Code States 1일차 (0) | 2021.10.07 |