TIL no.1

손병진·2020년 7월 12일
0

TIL

목록 보기
1/22
post-custom-banner

the web

웹 사이트를 가진 컴퓨터들의 묶음
서버 - 컴퓨터가 웹과 연결되어 있고 웹사이트를 제공.
HTML - 웹사이트의 컨텐츠
CSS - 웹사이트의 스타일
JS - 웹사이트의 상호작용
브라우저 - 웹사이트를 표시하는 전용 프로그램
클라이언트 - 브라우저를 담은 기기

HTML란

<!DOCTYPE html> : 구식이 아닌 최신 html 이다
태그 : <>
<html> </html>: 첫번째 태그
<head>: 웹페이지를 구성하는데 필요한 태그를 포함
<meta>: 브라우저가 페이지를 구성하는 상세한 정보
<title>: 페이지의 제목
<body>: 페이지의 모든 일이 일어나는 곳
<h1>: 제목 추가(h1~h6, 중요도 차이)
<p>: html의 문단 구성
(브라우저는 html 안의 줄바꿈이나 공백을 무시합니다)
<br>: 줄바꿈(시작태그만)
<em>: 강조하는 부분(이탤릭체)
<strong>: Bold text
(em, strong 같이 사용 가능)
<ul>: Unordered list
<li>: List Item
<ol>: Ordered List
<img>: image(url, 인터넷에 있는 이미지 삽입)
<src="속성값">: source
<alt="이미지를 묘사하는 텍스트">
<width="수치" height="수치">크기 조정

CSS란

<style>: 이 안은 모두 CSS 규칙 적용
(head 태그 내부에 위치)
편집 대상 {속성: 값}
color : 특정색깔 지정, RGB 스펙트럼 - rgb(0,0,0)
페이지 전체 스타일 지정은 body
background-color:

- 편집 대상 선택지정
태그에 고유 id를 지정할 수 있다
<p id="id 이름"> : id 속성 지정(공백 안됨 - or _)
# id 이름 {}
(대문자 소문자 구분 필수)

- 특정 요소 그룹 배정
<p class="그룹 이름">
.그룹이름 {}
profile
https://castie.tistory.com
post-custom-banner

0개의 댓글