HTML5 과정 - 섹션 1/2

10982 단어 part1htmlcurse
[clique aqui para português]

HTML이란?
HTML은 하이퍼텍스트 태그 언어(Hypertext Markup Language)의 약어입니다.이것은 HTML 코드를 사용하여 페이지 내용을 직관적으로 포맷할 수 있음을 의미합니다.

HTML의 히스토리
1945년에 Vannevar Bush는 한 글에서 정보 저장 시스템에 대한 생각을 제기했는데 이를 MEMEX라고 부른다.부시는 동적 링크나 다른 정보의 링크를 통해 텍스트와 도형 정보를 저장할 수 있는 기계를 설계했다.
이전에는 하이퍼텍스트라는 단어가 존재하지 않았습니다.1965년에 테드 넬슨은 이라는 책에서 발표한 문장에서 이 단어를 창조했다.첫 번째 하이퍼텍스트 기반 시스템은 1967년'브라운 대학'의 안드리스 판 담이 이끄는 팀에서 개발됐다.이 연구는 IBM이 조율한 첫 번째 하이퍼텍스트 실현, 즉 하이퍼텍스트 편집 시스템은 IBM/360 메인프레임에서 진행되었다.1987년에 빌 아토킨슨은 하이퍼카드를 만들었는데 이것은 하이퍼텍스트 시스템으로 하이퍼텍스트 응용 프로그램의 창설을 추진하는 데 목적을 둔다.비트맵 그래픽, 폼 필드, 스크립트, 빠른 텍스트 검색을 포함합니다.
1989년 CERN 실험실에서 팀 버너스 리(Tim Berners Lee)와 로버트 켈라우(Robert Caillau)는 이 시스템이 다른 컴퓨터 플랫폼에 접근할 수 있다는 시스템 아이디어를 냈는데, 이는 당시 CERN 실험실에서 현실이었다.그리고 HTML의 개념이 탄생하여 HTTP 프로토콜과 함께 사용되었다.
1990년대에 팀 버너스 리(Tim Berners-Lee)가 최초로 제의한 계발을 받아 이 언어는 정식 규범에서 정의되었다.
최초의 목적은 서로 다른 대학에서 온 과학자들이 정보와 연구 문서를 방문하고 교환할 수 있도록 하는 것이다.최초의 프로젝트는 Tim Berners-Lee가 상상하지 못했던 성공을 거두었다.HTML을 발명하는 과정에서 그는 오늘날 우리가 알고 있는 인터넷에 기반을 다졌다.
Tim Berners Lee는 NeXTSTEP 개발 환경을 사용하여 NeXTcube 워크스테이션에 원본 HTML (HTTP) 을 만들었습니다.당시에 언어는 하나의 규범이 아니라 팀의 문제를 해결하는 일련의 도구였다. 바로 그와 동료들 간의 연구 교류와 전파였다.그의 해결 방안에 당시 신흥 공공 인터넷(인터넷이 될 것이다)까지 더해져 전 세계의 관심을 끌었다.

HTML 파일 만들기
웹 사이트는 기본적으로 HTML 파일로 구성되어 있다.사이트의 모든 페이지는 보통 HTML 페이지이다. 예를 들어 한 사이트를 방문하고 링크를 클릭하면 다른 HTML 파일로 바뀌고, 한 사이트에 10개의 페이지가 있으면 10개의 HTML 파일이 있다.

HTML 파일은 어떻게 만듭니까?
이것은 매우 간단하다.Windows 메모장, MAC 또는 Linux TextEdit를 사용하여 HTML 파일을 만들 수 있습니다.단계별 설명:
  • 수첩을 열고 맨 위 메뉴'파일'을 클릭하세요.
  • 파일 메뉴에서 다른 이름으로 저장 옵션을 클릭합니다.
  • 파일을 저장합니다.html 확장.예: 웹 사이트.html
  • 파일에 이름을 지정할 수 있지만, 반드시 포함해야 합니다.마지막으로 html 확장입니다.

    색인 파일
    이름 색인이 있는 파일을 찾는 것은 매우 흔하다.html에서 이름 인덱스는 사이트의 첫 페이지로 사용된다. 대부분의 서버가 기본적으로 인덱스 파일을 검색하기 때문이다.
    포르투갈어에서 색인은 색인이나 요약을 가리킨다. 왜냐하면 보통 홈페이지에 내부 페이지를 가리키는 링크가 있기 때문이다.이것이 바로 우리가 웹 페이지를 훑어보기 시작한 곳이다.

    공구.
    html을 사용하려면 두 가지 중요한 도구가 필요합니다. 첫 번째는 브라우저(browser)입니다. 왜냐하면 이것은 당신이 만들고 있는 페이지를 표시하기 때문입니다. 두 번째는 편집기입니다. 비록 우리는 표준 파일 편집기(notepad 등)를 사용할 수 있지만 도구가 좋을수록 우리가 페이지를 만드는 속도가 빨라집니다.
    브라우저:
  • 크롬;
  • Firefox;
  • Microsoft Edge,
  • 오페라;
  • Internet Explorer;
  • 수렵하기;
  • 등...
  • 편집:
  • 수첩++;
  • 숭고한 텍스트;
  • 원자;
  • 브래킷;
  • CodeAnywhere;
  • Visual Studio 코드,
  • DreamWeaver;
  • 등...

  • 라벨
    모든 HTML 문서에는 책갈피 (영어: tags), 뾰족괄호의 요소 (V형) (<> 가 있습니다.이러한 요소는 언어 서식 적용 명령입니다.
    대부분의 태그는 해당 끝을 나타냅니다.
    <h1>Olá</h1>
    
    브라우저에서 HTML 파일을 열면 해당 파일이 삽입된 내용이 표시됩니다.브라우저는 HTML 파일에서 작성된 코드를 읽고 내용을 설명하고 화면에 표시합니다(결과를 시각적으로 표시).텍스트만 언급할 때 브라우저는 화면에 같은 텍스트만 표시합니다.그러나 HTML 파일에서 브라우저에 우리가 놓은 내용을 시각적으로 변경할 수 있도록 명령을 내릴 수 있습니다.이러한 명령을 태그라고 합니다.
    우리는 보통 라벨을 쌍으로 사용한다.우리는 첫 번째 라벨을 시작 라벨이라고 부른다.시작 탭은 리모컨을 연결하는 탭입니다.그곳에서 명령은 끝 표시를 쓸 때만 작동합니다.주의, 우리는 작은 번호/보다 작은 후에 정사봉<으로 끝 표시를 표시하기 때문에</command>.다시 말하면, 태그 닫기 명령을 닫아서 작업을 멈추게 하는 것이다.
    <startcomand></finishcomand>
    <strong>Text in bold</strong> text normal
    

    등록 정보
    속성은 태그를 사용자 정의하는 데 사용됩니다.이게 무슨 뜻이죠?왠지 모르게 어느 날 그림이나 표의 크기를 조정하거나 글씨체의 색깔을 바꾸고 싶어요.속성의 도움말 아래 모든 것이 가능하다.
    대부분의 탭은 자신의 속성을 가지고 있다.
    전임자:
    <img src="image.jpg" alt="My image" />
    

    코멘트
    많은 태그, 스타일 또는 프로그래밍 언어에는 브라우저나 다른 렌더링 플랫폼에서 렌더링하지 않고도 코드에 주석을 달 수 있는 명령이 있습니다.html도 가능합니다.
    전임자:
    <!-- your comments go here -->
    

    DOCTYPE
    Doctype은 html 파일, 문서 유형 정의의 DTD입니다.
    모든 HTML 문서는 DTD 선언으로 시작해야 합니다.선언은 HTML 태그가 아닙니다.브라우저의 경우 예상 문서 유형에 대한 정보입니다.
    HTML 5에서는 선언이 간단합니다.
    <!DOCTYPE html>
    

    추천하지 않는 HTML 버전
    버전 2.0 – 1995
    순수 HTML이 만들어진 후 나타나는 첫 번째 버전은 2.0입니다.이미 사용된 HTML의 모든 피쳐를 형식화하는 것이 목표입니다.그것은 최초의 전 세계 인터넷 행사에 등장했는데, 이를 유니버설 네트워크 회의라고 부른다.
    버전 3.2-1997
    버전 2.0의 호환성 문제를 해결하는 것 외에 이 버전의 HTML은 표, 애플릿 및 이미지 주위의 부동 텍스트를 만들 수 있습니다.
    버전 4.01 – 1999
    그것의 기능은 뒤로 호환성을 제공하지만 멀티미디어 옵션, 스타일시트에 대한 지원을 추가하고 프로그래밍 실천을 개선했다.
    XHTML 1.0 Strict는 HTML 4.01 Strict와 같지만 XML 구문 규칙을 따릅니다.
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml"> 
     <head>  
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
      <title>Title</title> 
     </head> 
     <body>  
      <h1> Hello World!</h1> 
     </body>
    </html>
    
    HTML 버전 5-2014
    최신 버전의 HTML을 개발하는 것은 개발자와 최종 사용자의 웹 체험을 강화하기 위한 것이다.
    <html> 
     <head>  
      <title>Título</title> 
     </head> 
     <body></body>
    </html>
    

    HTML
    HTML 요소(또는 HTML 루트 요소)는 HTML 또는 XHTML 문서의 루트를 나타냅니다.다른 모든 요소는 해당 요소의 후손이어야 합니다.

    머리<head> 요소는 브라우저에 매우 유용한 정보를 제공합니다.JavaScript나 CSS, 제목 정의 등 다른 코드를 입력할 수 있습니다.

    원.
    HTML<meta> 요소는 다른 HTML 요소에서 정의할 수 없는 메타데이터 정보를 정의합니다.
    <!-- No HTML5 -->
    <meta charset="utf-8">
    <!-- redirect after 3 seconds -->
    <meta http-equiv="refresh" content="3;url=https://www.mozilla.org">
    

    직함
    HTML<title> 요소는 브라우저의 제목 표시줄이나 페이지 탭에 표시되는 문서의 제목을 정의합니다.텍스트만 포함할 수 있으며 텍스트에 포함된 태그는 해석되지 않습니다.
    <title>Title awesome</title>
    

    몸뚱이<body> 요소는 페이지 자체의 내용(제목, 단락, 사진, 음악 및 기타 내용)의 시작을 정의한다.

    블록 및 인라인 요소
    CSS 비주얼에 따라 모든 HTML 요소는 블록 요소와 인라인 요소 두 그룹으로 나눌 수 있습니다.다른 특징 외에 차단되거나 직선이 되면 요소의 시각적 행위도 바뀐다.CSS를 사용하여 각 요소의 표시 모드를 변경할 수 있지만 기본적으로 각 태그는 하나 이상의 그룹에 속합니다.
    블록 요소는 사용 가능한 모든 수평 공간을 차지하고 문서에서 한 줄을 시작합니다.새 요소는 다음 자유선에서 시작합니다.
    <div>
    <hr>
    <p>
    ...
    
    내부 요소는 사용 공간만 차지합니다.새 요소는 다음 단계에서 시작합니다.
    <span>
    <strong>
    <em>
    ...
    

    제목(h1-h6)
    6가지 서로 다른 유형의 html 제목이 있는데 글꼴 크기에 따라 분류되며 범위는 <h1>부터 <h6>까지이다.
    <h1>title 1</h1>
    <h2>title 2</h2>
    <h3>title 3</h3>
    <h4>title 4</h4>
    <h5>title 5</h5>
    <h6>title 6</h6>
    

    닻원소
    HTML<a> 요소(또는 anchor 요소)는 href 속성을 가지고 웹 페이지, 파일, 이메일 주소, 같은 페이지의 링크나 URL 주소에 하이퍼링크를 만듭니다.각 <a>의 컨텐트에는 링크의 목적지가 표시됩니다.
    <a href="https://www.mozilla.com">Mozilla</a>
    

    읽어주셔서 감사합니다!
    질문, 고소, 알림이 있으면 댓글에 남겨 두십시오.나는 기꺼이 대답한다!
    😊😊 안녕히 계세요!😊😊

    좋은 웹페이지 즐겨찾기