본문으로 바로가기

[4일차] HTML '잘' 쓰는 법

category Develop/WEB1 - HTML & INTERNET 2018. 10. 14. 20:42


4일차



프로젝트의 동기

기획

코딩과 HTML

HTML 코딩 실습 환경 준비

기본 문법 - 태그

혁명적인 변화

통계에 기반한 학습

줄바꿈

HTML이 중요한 이유

최후의 문법 속성과 img

부모 자식과 목록

문서의 구조와 슈퍼스타들

HTML 태그의 제왕

웹사이트 완성

원시웹

인터넷을 여는 열쇠 : 서버와 클라이언트

웹호스팅 (github pages)

웹서버 운영하기

웹서버 운영 : 윈도우

웹서버 운영하기 : 맥

웹서버 운영 : 리눅스

수업을 마치며 1

수업을 마치며 2

수업을 마치며 3

부록 : 코드의 힘

부록 : 코드의 힘 - 동영상 삽입

부록 : 코드의 힘 - 댓글 기능 추가

부록 : 코드의 힘 - 채팅 기능 추가

부록 : 코드의 힘 - 방문자 분석기



WEB1 4일차 바로가기


#12. 부모자식과 목록 = 1.<br> 2.<br> 3.<br> ⇒ Ctrl + <li>, 부모님 <ul> ⇒  <ol>


<ul> (Unordered list) = ● / <ol> (Ordered list) = 숫자 자동넘버링


#13. 문서의 구조와 슈퍼스타들 - 웹페이지 타이틀 달기 / <head> <body> ⊂ <html>


웹 페이지는 '0과 1'로 글자인식 (= uft 8)

Html
<meta charset="uft8">

char (= character) 문자 / set 규칙 ⇒ 'utf 8로 읽어라' 〓 글자깨짐 방지

Html
<!doctype html>

<html></html> 

<html>= 최고위층 관료 / <!doctype html> html로 작성되었다고 표기하는 '관용적 표현'


#14. HTML 태그의 제왕 = 뱃사공이 되어 정보의 바다에 닻을 내리는 법 'Anchor <a>'


▲ 링크걸기 

▲ 새 탭으로 열기

▲ 타이틀 달기 (미리보기)