Opentutorials.org

기본문법

2015-12-05 10:57:15

릴라야5일 전

190111_완료 :)

답글
jello6일 전

NOTE)

Tag
- HTML에서 가장 중요한 문법
- HTML이라는 프로그래밍 언어를 규정하는 가장 중요한 특징

 
시작태그 닫는 태그

닫는 태그를 쓰지 않는 태그도 있다.
(<img>, , <hr> ...etc.)

답글
kimjs8일 전

20190108 완료!

답글
미완성9일 전

20190107완료

답글 수정 삭제
jiohkim13일 전

2019 01 03 완료

답글 수정 삭제
ng94121214일 전

2019 01 02 완료

답글 수정 삭제
키티배가통통15일 전

20190101 완료

답글
링딩동코딩딩18일 전

2018.12.29 완료

답글
한승민21일 전

2018.12.26 완료

답글 수정 삭제
Yeji Jeong22일 전

완료했슴당~:)

답글
moonlight한 달 전

완료!

답글
권순범한 달 전

초보자 분들에게 친절한 강의 감사하나, 나중에 css를 배울 때 혼동할 수 있는 부분이 있어서 말씀드립니다.

html5로 오면서 바뀌는 점은 html 태그로는 문서의 구조나 뼈대만 잡고, 디자인은 css로 잡는다는 것입니다.
그래서 예전에 썼던 태그나 <center> 태그 같은 건 권장되지 않습니다.

<h1> ~ <h6>이나 태그도 마찬가지입니다. (보다 이 더 우선순위 높음)
이 태그들은 단순히 시각적으로 굵게 처리하거나 글씨를 크게 하려는 용도가 아닙니다.
네이버나 인스타그램 등에서 다른 사람들이 내 글을 잘 찾게 해주려고
'#인생맛집' 같은 태그를 쓰는 것과 똑같은 역할을 합니다.

즉, 홈페이지의 중요한 키워드가 여기 있으니, 네이버나 구글 같은 검색 엔진이
홈페이지 내에서 특히 여기를 우선 순위로 읽어서 검색 결과에 홈페이지를 띄워달라고 쓰는 용도입니다.

그래서 단순히 글자 크기를 조정하기 위해서 <h1>을 빼버리고 <h2>를 쓰는 것은 좋지 않으며,
css를 이용하여 굵게 처리하거나 글자 크기를 조정하거나 하는 것을 권장합니다.

<h1>을 빼버리고 <h2>부터 쓰게 되면,
검색 엔진이 1위 헤더가 없다고 생각하여 지나가기 때문에 2위 헤더도 무시해 버립니다.
즉 <h2> 안 내용도 키워드가 아닌 일반 텍스트로 취급해 버린다는 의미입니다. (크고 굵게 표현은 되지만)

같은 원리로 <h1>, <h2>, 다음 <h3>를 건너뛰고 <h4>를 써도 같은 원리로 3번째 4번째 헤더를
키워드가 아닌 일반 텍스트로 인식해 버립니다. 이 점 유의해 주세요!
.

답글 수정 삭제
김진욱한 달 전

완료!

답글 수정 삭제
alicechoi한 달 전

완료!

답글 수정 삭제
Gihoon Pomme Ryu2개월 전

완료. 고맙습니다.

답글
MaSTARK2개월 전

윈도우10 크롬으로는 아랫분이 말씀하셨던 shift+Ctrl+i 를 해주시면 메모장에 적었던데로 뜨는데요.

여기서 <body> </body> 를 마우스 오른쪽 클릭해주시면 Edit as HTML을 누르신 다음 편집하면 됩니다.

근데 저장을 어디서 하는지 모르겠네요.

답글
seink56@naver.com3개월 전

감사합니당

답글 수정 삭제
김민영3개월 전

완료

답글 수정 삭제
soy3개월 전

급하게 배워야 할 일이 생겼는데 덕분에 잘 배워갑니다~

답글 수정 삭제
신비3개월 전

감사합니다^^

답글 수정 삭제
yuchacha4개월 전

yeah

답글
YS4개월 전

clear

답글
ncdu5개월 전

감사합니다!

답글 수정 삭제
hyebin6개월 전

finish

답글
Chang-Jin Choi6개월 전

꺽쇠로 시작해서 꺽쇠 + 슬래쉬로 끝나는게 중요하다!

감사합니다.

답글
ㅅㅈㅎ6개월 전

감사힙니다!

답글
SlowStarter6개월 전

감사합니다!

답글
제로스7개월 전

감사합니다 !

답글
김은규8개월 전

2018.05.19

답글
연8개월 전

180518

답글
스페이스몽키8개월 전

감사합니다!

답글
Hyeon Ju An10개월 전

잘봤습니다ㅎㅎ

답글
bigK11개월 전

이제 다운로드는 제공 안하시는건가요?? 토렌트 마그넷이 안보이네요..

답글 수정 삭제
Kim Yun Joo11개월 전

피시방에서 공부중입니다.
왜냐하면 내일부터 출근인데 할줄 알기 어려워서 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
열심히 하겠습니당

답글
kuroJay11개월 전

정주행시작합니다. 감사합니다.

답글
Kain1년 전

180118 감사합니다!

답글
ㄹㄹ1년 전

문법검사 부탁요~
<!doctype HTML>

<html lang="ko" class="svgless">
<HEAD>
<meta charset="urf-8">
<meta name="description" content="코딩"
<meta name="keywords"
content=:코딩,coding,프로그래밍,htnl,css,javascript">
<meta name="author" content="egoing">
<meta http-equiv="refresh" content="30">
</HEAD>
<TITLE> 프로그래밍</TITLE> 
<BASE herf="https://hyunwoo.html" target="_http://hyunwoo.html"
<head>html 코딩 중에서</head> 
<body bgcolor = "#47C83E">
 
<center>
<a href="C:\Users\LIM\Desktop\hyun_woo.html"><IMG SRC="C:\Users\LIM\Documents\현우, 은우\현우\코코.png" WIDTH="900" HEIGHT="500" ALT="html 코딩 PS" BORDER="0" ALIGN="center"></A></CENTER>
 
<nav>
<ul>
<li> <a href="C:\Users\LIM\Desktop\hyun_woo.html/">Home</a> </li>
<li> <A HREF="https://www.naver.com/search>News</a> </li>
<li> <A HREF="경로/file:///C:/Users/Lim/Desktop/hyun_woo.html - 원본">Product</a> </li>
<li> <A HREF="경로/legal">Legal</a> </li>
<li> <A HREF="경로/blog" target="_www..com">Blog</a></li>
</ul>
</nav>
 <h2> 공지와 명언 </h2> 
 "명언:코딩은 온 국민이 배워야한다. 코딩은 생각하는 방법을 가르쳐주기 때문이다" 스티븐 잡스 
<a target="_blank" href="https://search.naver.com/search.naver?where=nexearch&sm=top_hty&fbm=0&ie=utf8&query=%EC%8A%A4%ED%8B%B0%EB%B8%90+%EC%9E%A1%EC%8A%A4+%EC%BD%94%EB%94%A9%EC%9D%80+%EC%98%A8+%EA%B5%AD%EB%AF%BC%EC%9D%B4+%EB%B0%B0%EC%9A%B4%EB%8B%A4" title="스티븐 잡스" </A>
</body>
</HTML>

답글 수정 삭제
solteee231년 전

잘 들었습니다^^

답글
asitai1년 전

재밌어요!

답글
JN871년 전

171230 감사합니다!

답글
artkit1년 전

감사합니다:)

답글
오영택1년 전

0:45초에 싶습니다 >> 쉽습니다 라고 바꿔야 될 것 같습니다^^

답글 수정 삭제
임성균1년 전

공부가고 갑니다 ㅎㅎ

답글 수정 삭제
소소대담1년 전

차근차근 복습!

답글
푸른하늘1년 전

2222222222222222222

답글
바람과 나무1년 전

기초부터 차근차근 배워 나갈라고요 감사합니다.
(IT경력 21년차 ㅎㅎ)

답글
스콜스1년 전

감사합니다. :)

답글
fff1년 전

완료!

답글
R31년 전

감사합니다!!

답글 수정 삭제
아이노바1년 전

가슴으로 말합니다. 너무 감사합니다.

답글

버전 관리

2015-12-05 08:25:40

egoing

현재 버전	2015-12-05 08:25:40
선택 버전

버전 비교

기본문법

댓글