일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- Effect Hook
- JavaScript
- 시맨틱요소
- WEB
- 고차함수
- State
- 스테이츠코드42기
- 프로그래머스
- jsx
- css animation
- BFS와 DFS
- 스테이츠코드
- css
- 제이콥 닐슨
- html
- fetch api
- 텍스트 요소
- props drilling
- wai-aria
- React
- Cmarket
- 컴퓨터 공학
- Study
- prototype
- 번들링
- Lifting state
- 벌집 모형
- 피터 모빌
- git
- 피터 모빌의 벌집 모형
- Today
- Total
목록html (3)
roqkf

HTML 스타일 - HTML 요소의 style 속성을 이용하면 CSS 스타일을 HTML 요소에 직접 설정 가능 - HTML 요소에 직접 style 속성을 줄 경우, 그 요소에만 CSS 적용됨 - style 하나를 줄 경우에는 마지막에 세미콜론 생략이 가능 - 여러 개의 style을 준다면 마지막 스타일 속성에만 세미콜론 생략 가능 제목의 배경은 파란색! 글씨색을 빨간색으로 줬어요! 지금부터 이 글씨는 대빵 커집니다 문단이 정렬돼요! 이렇게 배경은 노랗고, 글씨는 빨갛고, 크기도 커지고, 가운데로 한꺼번에 정렬할 수 있어요! ↓ 실행 결과

HTML 구조를 담당, 웹 페이지의 틀을 만드는 언어 JavaScript와 같은 프로그래밍 언어가 아닌 웹페이지의 뼈대를 구성하는 마크업 언어 CSS 시각화 JavaScript 상호작용 HTML 기본 구조와 문법 tag들의 집합으로 이루어져 있음 부등호로 묶여 있는 기본 구성 요소 / 트리 구조 html 확장자를 사용함 - HTML 문서 시작 1. html 2-1. head 3. title: page title 2-2. body 3-1. h1: Hello world 3-2. div: contents here 3-3. span: here too 닫는 태그가 없는 태그가 있음 Self-Closing Tag 가장 많이 쓰이는 태그 : 한 줄을 차지 :컨텐츠 크기만큼 공간을 차지 : 이미지 삽입 닫는 태그가 없..

기본 구조 제목 크기1 제목 크기2 단락 - : 현재 문서가 HTML5 문서 명시 - : HTML 문서 루트 요소 정의 * 메타데이터: HTML 문서에 대한 정보로 웹 브라우저에는 직접적으로 표현되지 않는 정보 * 메타데이터 표현: , , , , , 태그 이용 - : HTML 문서의 제목, 툴바에 보이고 즐겨찾기로 추가할 때 즐겨찾기의 제목이 되며 검색 엔진 결과 페이지의 제목으로 표시 - : 웹 브라우저에 보이는 내용 - ~: 웹 브라우저 내의 제목을 나타냄 - : 단락을 나타냄 제목 태그 제목1의 크기 제목2의 크기 제목3의 크기 제목4의 크기 제목5의 크기 제목6의 크기 검색 엔진은 태그를 이용하여 키워드를 수집하여 내용을 파악 제목1의 크기 제목2의 크기 제목3의 크기 제목4의 크기 단락 제목1의..