JAVAIARY

HTML 기본 본문

lectureNote/HTML

HTML 기본

shiherlis 2022. 9. 21. 23:48

HTML 기본 태그와 속성 test

<!DocType HTML> <!-- 현재 문서가 html5 언어로 작성한 웹문서라는 뜻 -->
<html lang = "ko"> <!-- 한국어로 작성된 문서 -->

<head>

<!--meta 태그: 웹사이트의 키워드나 간단한 설명, 제작자 등의 정보 지정
  검색엔진에서 사이트를 검색할 때 참고됨 -->
  <meta charset = "UTF-8"> <!--유니코드로 문자세트(charset) 지정-->
  <meta name = "keywords" content = "html의 구조">
  <title> HTML 기본문서 </title> <!-- 웹 페이지의 제목을 지정(탭 제목)-->
  <nav> Hola! </nav>  <!--네비게이션 영역-->

</head>

<!-- <body> 웹 브라우저에 표시되는 내용-->
<body>

  <main class="contents"> <!--메인 컨텐츠?-->
  <h1>제목</h1> <!-- 제목 크기지정 h1 > h2 > ...> h6 -->
  <p></p> <!--paragraph 하나의 텍스트 단락으로 만들어 줌(빈 줄 추가)-->
  <a> </a> <!--anchor 하이퍼링크 추가-->
  <em> </em> <!--이탤릭체-->
  <strong></strong> <!--글자 강조(+볼드 , tts구현시 <b>태그와 구분됨)-->
  <b></b> <!--볼드 (글자 단순 굵게 목적이면 CSS 사용이 더 효과적)-->
  <br>  <!--줄바꿈(닫는 태그 X)-->
  <hr> <!--가로 구분선 추가-->
  <ol> <!--Ordered List, 순서가 있는 목록 (1. 2. 3....) or type ="a" (a.b.c..)-->
    <li></li> <!--텍스트를 입력하면 알아서 목록번호를 추가해 줌-->
  </ol>
  <ul> </ul> <!-- Unordered List , 순서가 없는 목록 불릿 ● 으로 목록 표시-->
  

</main>
</body>

</html>
HTML 기본문서

제목


 

See the Pen Untitled by Javaiary (@javaiary) on CodePen.

 

저작자표시 변경금지

'lectureNote > HTML' 카테고리의 다른 글

날짜 유효성 체크  (0) 2023.01.07
탭 활성화시키기 , 탭의 요소  (1) 2023.01.04
INPUT태그의 다양한 속성들  (1) 2022.09.23
Form 태그 이용하기  (0) 2022.09.22
HTML 표(테이블)와 멀티미디어 삽입하기  (0) 2022.09.22
'lectureNote/HTML' Related Articles more