WEB - HTML & Internat
나의 공부루트 [ 아두이노 공부 -> 파이썬 공부 -> C언어 공부 -> 자바 공부 -> 파이썬을 통한 웹크롤링 공부 -> Go언어 문법공부 -> 웹공부 -> Go언어 동기성 공부 -> 블록체인 공부 ]
1) HTML : 하이퍼 텍스트 마크업 언어
플랫폼 별 에디터 : 윈도우(메모장), 맥OS(텍스트 편집기), 리눅스(에디터)
ATOM 에디터를 사용하고 강의를 진행한다고 한다.
bast HTML Editor 2017 -> 추천 검색어
나는 개인적으로 구름IDE를 사용할 것이다. 왜냐하면 지금 군대 사이버 지식 정보방에서 공부를 하는 입장이기 때문이다.
따라서 웹에서 개발이 가능한 에디터를 선정하였다.
파일 형식은 .html으로 한다.
세상에서 제일 쉬운 문법 태그.
굵은 글씨 <strong> </strong>
밑줄 글씨 <u> </u>
글씨 크기 <h1> </h1> 1~6까지 있다. 작을 수록 크다. 제목을 나타내는 태그
html은 약 150개 이상의 태그를 갖고 있지만 우리는 그 모든 것을 다 알고 있을 필요는 없다.
통계를 기반으로 해서 가장 많이 쓰는 태그만 알아두면 충분하다.
<태그 정리> 굵은 글씨 <strong> 밑줄 글씨 <u> 글씨 크기 <h1~6> 줄바꿈 <br> 닫을 필요 없다 단락 <p> 이미지 <img src="파일이름" width="크기"> 닫을 필요가 없다. 목차 <ul>:모양으로 표현, <ol>:숫자로 표현 / <li> 부모자식 태그 그룹화를 시킬 수 있다. 웹페이지 이름을 적용시킨다. <title> utg-8로 웹페이지를 띄우라는 의미다. <meta charset="utf-8"> 타이틀과 메타는 헤드 태그 안에 그외 정보들은 바디 태그 안에 놓인다. <head> <body> 최종적으로 모든 코드는 <html> 태그 안에 놓인다. 최상위에 작성해야하는 약속이다.<!doctype html> 링크를 거는 태그 <a href="" target="_blank" title="툴팁으로 표시되는내용"> |
의미 있는 태그를 사용하는 것이 중요하다.
코드를 훨씬 최적화 시키면 검색엔진에서도 최상위 루트로 올라온다.
unsplash라는 사이트는 무료로 사진을 가져다 쓸 수 있다.
HTML 속성 Attribute 순서가 바뀌어도 상관없다.
ex) <img src="파일이름" width="크기">