코딩을 하기 위해서는
에디터(Editor)라는 프로그램이 필요합니다.
Atom 사용
자동 줄바꿈을 하고 싶습니다.
메뉴에서 preference -> editor -> Soft Wrap 항목을 체크해주세요.
기본 문법 - 태그
글씨 진하게 : <strong>내용</strong>
밑줄 : <u>내용</u>
- 한글이 깨지면 어떻게 해야 하나요?
<meta charset="utf-8">를 추가해보세요. 여러분이 파일을 저장하면 UTF-8로 저장이 됩니다. 그럼 웹브라우저에게 UTF-8로 페이지를 열라고 해줘야 합니다. 그걸 브라우저에게 알려주는 코드가 <meta charset="utf-8"> 입니다.
구글링 : frequency of chinese words
줄바꿈 : <br>과 <p></p>
p 태그를 통해서 단락의 경계를 분명히 하면서
CSS를 통해서 p 태그의 디자인을 자유롭게 변경할 수 있기 때문에
br 태그 보다 p 태그가 더 좋은 선택입니다.
문법 속성과 img
<img src="https://s3-ap-northeast-2.amazonaws.com/opentutorials-user-file/module/3135/7648.png" width="100%">
부모자식과 목록
<ul>
<li>1. HTML</li>
<li>2. CSS</li>
<li>3. JavaScript</li>
</ul>
<ul>
<li>egoing</li>
<li>k8805</li>
<li>sorialgi</li>
</ul>
ul 태그가 ol 태그로 변경되었습니다.
ul은 unordered list의 약자이고,
ol은 ordered list의 약자랍니다.
문서구조와 슈퍼스타들
본문은 body 태그로
본문을 설명하는 태그는 head 태그를사용합니다.
<!doctype html> ## html로 만들었다.
<html> ## 시작
<head> ## 본문을 설명
<title>WEB1 - html</title>
<meta charset="utf-8"> ## utf-8 로 만들었으니 같은걸로 열어라
</head>
<body> ## 본문 시작
링크 추가
<a href="https://www.w3.org/TR/html5/" target="_blank" title="html5 specification">Hypertext Markup Language (HTML)</a>
target="_blank"는 링크를 클릭했을 때 새창에서 페이지가 열리게 하는 속성.
title은 이 링크가 어떤 내용을 담고 있는지를 툴팁으로 보여주는 기능입니다.
웹호스팅
https://opentutorials.org/course/3084/18891
동영상 삽입하기 : 유투브 활용
댓글 기능 : DISQUS
채팅 기능 : www.tawk.to
방문자 분석 : https://opentutorials.org/course/3084/18899