브라우저 제목

 

 

 

 

 

 

동영상1

 

 

 

 

[태그(요소)의 사용]

  •  태그의 사용은 중첩되어야 한다
    • 태그가 서로 엇갈려 있는 경우 해당 태그의 시작 부분과 끝부분을 브라우저가 이해하지 못한다. 그러므로 태그내의 태그가 있을 경우 반드시 중첩의 의미로 사용해야한다.
    • 예) <p> 태그 내의 <strong>태그</strong></p>  (o) <p> 태그 내의 <strong>태그 </p> </strong>  (x)
  • 태그에는 태그에 적용할 속성과 그 속성값 등은 소문자나 대문자 상관없지만 기본 적으로 소문자를 기준으로 적는다. Html만 사용되는 것이 아니라 다른 프로그램밍 언어도 삽입할 수 있는데 기본적으로 다른 프로그램에서는 소문자와 대문자를 구분해서 사용하기 때문이다.
  • 태그에는 속성을 사용할 수 있는데 그 속성과 값은 구별해서 작성해야 한다.
    • <태그명 속성="속성값" 속성="속성값"> ~ </태그명>
    • 태그명과 속성은 한칸의 공백이 있어야한다.
    • 속성과 속성값은 = 으로 구분하여 작성한다.
    • 속성값은 " "(인용부호)안에 작성하여야 한다.
    • 속성이 많을 때는 속성과 속성은 한칸의 공백을 두어야 한다.
    • 웹접근성에 맞게 작성하도록해야 한다. 
    • 특수문자를 쓸때는 기본적인 태그문과 혼돈될 경우 Entity Name 또는 Entity code를 사용해야 하다(http://entitycode.com)
    • Markup이 복잡하고 이해하기 어려운 경우를 대비하여 필요한 경우 주석을 만들어 사용한다. 주석은 브라우저에 해석되지 않고 무시한다.
      • <!-- 메모내용 -->
  • 작성한 문법의 유효성을 검사할 때는 http://validator.w3.org에서 할 수 있다.

 

html의 원형

<!doctype html>  <!-- 문서의 버전으로 html5의 표준을 사용할 경우 -->
<html lang="ko">  <!-- html 문서의 시작, 사용하는 언어는 한국어(ko) -->


   <head>
      <!-- 브라우저에게 기본적으로 제공하는 정보 디자인(css), jquery의 라이브러리 정의 등-->
   </head>


   <body>
      <!-- 실제 브라우저에 보여지는 부분 -->
   </body>


</html>

 

문법에 문제가 있는지 확인하기 위해 유효성 검사를 합니다.

문법의 유효성 검사

validator.w3.org

에서 작성한 코드의 유혀성을 검사합니다.

 

유효성의 검사 테스트 html

<!doctype html>
<html lang="ko">


   <head>
       <meta charset="utf-8">
       <title>연습</title>
   </head>


   <body>
       <h1>제목<h1>
   </body>


</html>

 

<meta>태그--빈요소

 HTML 문서가 어떤 내용을 담고 있고, 문서의 키워드는 무엇이며, 누가 만들었는지 등의 문서 자체의 특성을 담고 있습니다.

<head>~</head> 내에 위치합니다.

 

<meta name="subject" content="web">
<meta name="title" content="edu">
<meta name="author" content="comja">
<meta name="keywords" content="웹 앱 반응형">

<meta name="description" content="웹 앱 반응형 소개" >

name 속성값으로는 subject, title, author, keywords 등이 있습니다.

검색엔진에게 문서의 내용을 요약해 주는 역할을 담당합니다.

subject:주제

title:제목

author:작성자

keywords:검색 키워드

description:소개 설명

 

<meta http-equiv="refresh" content="5; url=ssejong.cafe24.com">

홈페이지주소가 달라졌을 때 5초 후에 해당 주소로 연결된다는 정보입니다.

http-equiv="refresh" 재 접속

content="5"; 5초 경과 후에

url=ssejong.cafe24.com  해당 주소

 

<meta http-equiv="content-type" content="text/html; charset=euc-kr">

 한글로 작성된 홈페이지라는것을 웹 브라우저에게 알려줍니다.

현재는 "utf-8"로 작성하는데 이 이유는 나라마다 사용되는 독립된 코드를 사용하겠다고 명시하면 문자가 제대로 보여지지 않기 때문에

차지하는 공간이 조금 크더라도 모두 표시될 수 있는 코드를 사용해야 하는데 그런 코드의 형식을 utf-8이라고 합니다.

<meta charset="utf-8">

모바일에서 모바일 매체의 크기에 맞게 조정하기 위한 meta 

<meta name="viewport" content="width=device-width, initial-scale=1">

예)

<!doctype html>
<html lang="ko">

    <head>
        <meta name="subject" content="web">
        <meta name="title" content="edu">
        <meta name="author" content="comja">
        <meta name="keywords" content="웹 앱 반응형">
        <meta name="description" content="웹 앱 반응형 소개">
        <meta http-equiv="refresh" content="5; url=ex2.html">
        <meta charset="utf-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>연습</title>
    </head>
    
    <body>
        <h1>제목</h1>
    </body>
    
</html>

제목 날짜
bxslider 썸네일 옵션 2020.02.19
bx슬라이더 bx-wrapper, bx-pager, pager 링크 css 2020.02.19
bx슬라이더 좌우 화살표 css file 2020.02.18
drop down 네비게이션 2020.02.17
회원가입 페이지 2020.02.07
로그인 페이지-3 2020.02.06
로그인 페이지-2 2020.02.05
테이블1 2020.02.04
로그인 페이지-1 2020.02.03
우리집 고양이-6 2020.02.03
우리집 고양이 페이지-5 2020.01.31
우리집 야용이 페이지-4 file 2020.01.30
우리집 고양이 태그, css 이해 연습1 file 2020.01.29
우리집 고양이-2 file 2020.01.28
우리집 야옹이 페이지-1 file 2020.01.23
세번째 HTML코드 2020.01.17
두번째 HTML 코드 2020.01.15
첫번째 태그 코드 2020.01.14
html(기초)-세번째 시간-태그의 속성, 기본 텍스트 Html 2019.12.16
html(기초)-두번째 시간-태그의 사용 및 메타 태그 file 2019.12.16
태그 목록