-
01. 기획 : 큰 그림 그리기
02. 원인과 결과
HTML 웹페이지 글
코딩 프로그램
source application
laguage app
- public domain : 저작권없음. 자유롭게 쓸 수 있다.
03. coding
- HTML, 웹브라우저
- editor 메모장(MS), 코드 작성이 목적이 아님.
- HTML editor : atom으로 실습
04. 진하게 <strong> ~ </strong>
- 밑줄 <u> ~ </u>
- 결과 확인 : 저장 -> 업로드
- 태그는 열리는 태그와 닫히는 태그 쌍으로 이루어짐.
05. 시험. 어렵게. 변별력.
- 쉬운 것, 앞에 있는 것이 뒤의 것을 받쳐준다.
- 쉬운 것을 잘 숙지해야 한다.
- W3C : page source
- headings : h1 ~ h6
06. 통계기반
- 150개 태그, 모두 다 알 필요없다.
- 상위 26개 정도 알면 된다.
- vscode : 사용태크 실태
- 앞의 것을 기초해서 뒤의 것이 만들어진다.
- NDN, 워드프로세스, 구글 홈페이지
07. 줄바꿈 : html new line tag 검색
- <br>, <br><br>
- 닫기태그 없음
- html paragraph tag 검색
- <p> ~ </p> 단락
- 여백, CSS
<p style="margin-top:40px:">
여백 등 시각적으로 정교함을 구현하는 것은 CSS로 처리
08. WEB
- 일반인 : <span style="font-size:24px">
coding
</span>
- 전문가 : <h3> coding </h3>
- 검색에 의미있게 하려면 h태그를 사용. 그렇지 않으면 검색에서 의미없는 문서로 취급됨.
- 접근성 좋게 함.
09. 속성
- 사진 삽입
<img> </img>
- <img src="coding.jpg" width>
10. 상속 : 목차
<ul>
<li> 1. HTML </li>
<li> 2. CSS </li>
<li> 3. JavaScript </li>
<ol>
<li> HTML </li>
<li> CSS </li>
<li> JavaScript </li>
11. 상속 : 테이블
12. 구조 만들기
-<!doctype=html>
- <head>
- <title> WEB-html</title>
주소에서 주된 역할을 함.
- <meta charset='utf-8'>
13. 타문서 연결 link
- <a> ~ </a>
- html specification
14. 두 대 컴퓨터
- 서버와 클라이언트, 제공/요청, response/request
- web hosting : web server를 제공하는 회사
- github : web hosting 서비스
15. free static web hosting
'웹환경' 카테고리의 다른 글
[장고+부트스트랩]파이썬 웹 개발의 정석 (0) 2022.01.21 [Notion] 1. 업무효율성을 높여줄 Notion 시작하기 (0) 2022.01.21 [책 정리] Notion (0) 2022.01.21 [github] branch 사용법 (0) 2022.01.20 교재 : 장고+부트 스트랩, 파이썬 웹 개발의 정석 (0) 2021.12.09