[3일차] 코더들의 휴머니즘적 글쓰기

3일차

---

프로젝트의 동기

기획

코딩과 HTML

HTML 코딩 실습 환경 준비

기본 문법 - 태그

혁명적인 변화

통계에 기반한 학습

줄바꿈

HTML이 중요한 이유

최후의 문법 속성과 img

부모 자식과 목록

문서의 구조와 슈퍼스타들

HTML 태그의 제왕

웹사이트 완성

원시웹

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

웹호스팅 (github pages)

웹서버 운영하기

웹서버 운영 : 윈도우

웹서버 운영하기 : 맥

웹서버 운영 : 리눅스

수업을 마치며 1

수업을 마치며 2

수업을 마치며 3

부록 : 코드의 힘

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

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

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

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

---

WEB1 3일차 바로가기

#9. 줄바꿈 <br> vs <p></p>

---

<br> 새로운 줄 단순 시각적의미 → 줄 바꿈 여러번 가능 → 즉 닫을 필요조차 X (non "/")  [html new line tag]

<p></p>  단락 시작과 끝 = 글쓴이의 주관 → 정보제공 (*단점 : 정해진 간격만 可 → 시각적 제한 有 → 극복 可 by CSS → 아래 HTML 참고) [html paragraph tag]

Html

<p style="margin-top:45px;"></p>

#10. HTML 중요한 이유 - 코더들의 휴머니즘적 글쓰기

---

웹의 접근성 (Accessibility)

 → 시각 장애인도 텍스트로 이미지 파악가능, 모두의 글쓰기 

#11. 최후의 문법 속성과 img = 새로운 문법배우기 

---

Html

<img src="그림주소">

사진저장위치 설정 = 프로젝트 폴더 'WEB' → 사진명 설정 (例. coding.jpg) → 크기조절 width="설정하기"  [*속성태그는 위치(앞-뒤) 상관 X]

Html

<img src="coding.jpg" width="100%">
<img width="100%" src="coding.jpg">

무료사진 https://unsplash.com ▼▽▼