2022.10.24

Jimin·2022년 10월 24일
0

비트캠프

목록 보기
60/60
post-thumbnail

HTML, CSS, JavaScript

<h1 style="color:red;" onclick="alert('하하하')">제목</h1>

h1 : HTML
color:red : CSS
alert('하하하') : JavaScript

JavaScript → 사용자 액션(행위), 콘텐트 제어, 스타일 제어
+
html → 콘텐트
+
CSS → 콘텐트의 모양 ⇒ 즉, 스타일은 CSS로 제어해야한다.


HTML + CSS

1. HTML에 포함

<style>
  css 코드
</style>

<p style="css 코드">

단점: 다른 HTML에서 사용할 수 없다.

2. CSS 코드 분리

htmlcsshtml

⇒ css를 여러 페이지가 공유할 수 있다.


<input> 태그와 전송 값

[type]

text → 입력 값을 URL 인코딩 한 후 전송
password → 입력
color → 16진수 컬러 값
data → yyyy-MM-dd
datetime-local → yyyy-MM-ddT20:01
month → yyyy-MM
time → HH:MM
week → yyyy-W42

form이 없으면 전송 버튼은 무용지물 (form 태그 안에 button이 들어가야 기능한다.)
이름(name)이 없으면 데이터가 서버로 넘어가지 않는다.

profile
https://github.com/Dingadung

0개의 댓글