kenu
44k
2019-08-10 11:30:31 작성 2019-08-10 19:23:56 수정됨
3
581

HTML 지짜 기본


OKdevTV

HTML

  • 1989 Tim Berners-Lee

시작하기

  • 브라우저에서 보이는 태그 기반의 언어
  • 콘텐츠는 태그 사이에 위치
  • 웹 애플리케이션을 위한 HTML5 표준 2014 Q4 완성
  • 스타일은 CSS, 액션은 JavaScript에게 위임
  • 나이 많은 웹 개발자는 테이블 태그로 레이아웃

페이지 소스 기본 구조

<!DOCTYPE html>
<html>
  <head></head>
  <body></body>
</html>

head 태그

콘텐츠 이외의 정보 title, meta, link, script

body 태그

콘텐츠 표시 영역

문법

<태그 속성="값">콘텐츠</태그>

태그의 종류

  • 헤드
    • doctype, html, head, title, base, link, meta, style, script, noscript
  • 섹션
    • body, article, nav, aside, section, header, footer, h1-h6, main, address,
  • 그루핑
    • p, hr, pre, blockquote, ol, ul, li, dl, dt, dd, figure, figcaption, div
  • 테이블
    • table, caption, thead, tbody, tfoot, tr, th, td, col, colgroup
    • form, fieldset, legend, label, input, button, select, datalist, optgroup, option, textarea
  • 폼2
    • keygen, output, progress, meter
  • 인터랙티브
    • details, summary, command, menu
  • 편집
    • del, ins
  • 임베디드
    • img, iframe, embed, object, param, video, audio, source, canvas, track, map, area
  • 텍스트-레벨
    • a, em, strong, i, b, u, s, small, abbr, q, cite, dfn, sub, sup
  • 텍스트-레벨2
    • time, code, kbd, samp, var, mark, bdi, bdo, ruby, rt, rp, span, br, wbr

기본 HTML

<!DOCTYPE html>
<html>
    <head>
        <title>Basic HTML</title>
    </head>
    <body>
        <h1>Web Page</h1>
    </body>
</html>

참고

3
0
  • 댓글 3

  • 로빈풋사과
    382
    2019-08-10 20:51:13
    핵꿀 예제 감사드립니다~
    0
  • 앙앙이
    3k
    2019-08-11 03:08:56

    나이 많은 웹 개발자는 테이블 태그로 레이아웃

    =====> 찔리는 1인 ^^;  그 당시 테이블의 테이블의 테이블이였죠.

    0
  • 동대
    763
    2019-08-11 17:57:14 작성 2019-08-11 17:57:46 수정됨

    앙앙이 // 

    테이블보다 그 2000년대 초반에 많이 쓰던 레이어 태그인가요?


    그걸로 쪼개고 각 영역에서 top.html, left.html, right.html 불러오고 해당 파일안에 테이블 넣고 보더 두께를 없애고 해서 제작하던게 기억에 남네요. 라이코스, 심마니, 네띠앙에서 무료웹호스팅로 개인 홈피 만들던게 유행했었고.. 당시 학교에서 홈페이지 제작부에서 나모 웹에디터로 학급 홈페이지 만들었었는데 이젠 다 추억이네요. ㅎㅎ

    1
  • 로그인을 하시면 댓글을 등록할 수 있습니다.