초보자를위한 HTML :

웹 기술의 타임 라인


2009 년

2005 년

2002

2000 년

1998

1997

1996

1994

1991

HTML5

아약스

테이블리스 웹 디자인

XHTML1

CSS2

HTML4

CSS1 + 자바 스크립트

HTML2

HTML

Contents

소개

웹 마스터가되고 웹 사이트를 만드는 방법을 배우고 싶다면 HTML을 다루기가 어려울 수 있습니다..

그러나 방문하는 대부분의 웹 사이트 방문 페이지는 HTML 요소를 사용하여 작성 및 구조화되었으므로 피할 수없는 것입니다. 실제로 HTML은 알려진 모든 웹 사이트의 74 % 이상에서 사용, 이 언어는 또한 사이트 디자인에서 제공하는 콘텐츠의 품질에 이르기까지 모든 것을 향상시키는 데 도움이됩니다..

이 가이드에서는 웹 사이트를 코딩 할 때 사용하는 개별 요소의 예를 살펴보기 전에 HTML의 기본 원리와 잠재적 응용 프로그램을 살펴 봅니다..

HTML이란??

HTML의 다양한 하위 범주를 사용하는 웹 사이트의 백분율

HTML 백분율의 다양한 하위 범주

간단한 용어로, HTML은 표준 마크 업 언어를 나타냅니다 온라인으로 웹 페이지를 작성합니다. 하이퍼 텍스트 마크 업 언어 (Hyper Text Markup Language)의 약자이며, 가장 중요한 기능은 개별 방문 페이지의 구조, 레이아웃 및 프리젠 테이션을 설정하는 것입니다. 웹 브라우저는 HTML 언어를 직접 표시하지 않지만 가시적이고 액세스 가능하며 사용하기 쉬운 사이트를 만드는 데 중요한 역할을합니다..

HTML은 또한 웹 페이지를 점차적으로 구축하고 컨텐츠의 프리젠 테이션을 구성하며 웹 사이트에 활기를 불어 넣는 여러 개별 요소에 의해 뒷받침됩니다. 이러한 요소는 제목, 단락 및 유사한 예와 같은 대체 콘텐츠를 정의하는 ‘태그’내에 만들어지고 포함됩니다..

아래에서 이러한 요소와 해당 구성을 자세히 살펴보고 웹 사이트에 색상, 링크 및 가변 타이포그래피를 도입하기 위해 개인화하는 방법을 살펴 봅니다..


HTML이 사용되는 곳?

HTML을 사용하는 인기 웹 사이트

HTML이 사용되는 곳

보다시피 HTML의 가장 일반적인 응용 프로그램은 웹 사이트를 구성하는 개별 방문 페이지를 디자인하는 것입니다. 이것은 인기있는 코딩 도구의 유일한 응용 프로그램은 아니지만 추가 용도를 이해하면 새로운 웹 마스터로서 언어를 최대한 활용할 수 있습니다. 다음은 HTML을 적용 할 수있는 몇 가지 추가 방법입니다.

  • 기존 페이지 내에서 사용자 정의 가능한 요소 작성

    웹 사이트에서 블로그 게시물 댓글 또는 게시 사용자 생성 콘텐츠를 허용하려는 경우 HTML 코드 조각을 사용하여이를 활성화 할 수 있습니다. 이러한 요소를 통해 사용자는 중재자로 설정 한 제한 사항에 따라 키워드를 강조하고 링크를 삽입하고 주석 형식을 지정할 수 있습니다..

  • 이메일을위한 추가 컨텐츠 작성

    전자 메일은 HTML을 서식있는 텍스트 메시지의 언어로 사용하는데, 링크, 텍스트 및 일반 텍스트로는 사용할 수없는 다양한 요소가 있습니다. 따라서 이메일을 통해 웹 사이트와 관련된 전자 책을 공유하려는 경우 HTML을 사용하여 메시지의 영향을 최적화 할 수 있습니다.

  • 컴퓨터에 설치된 오프라인 도움말 문서 이해

    흥미롭게도 HTML은 오프라인에서 액세스 할 수있는 컴퓨터 기반 도움말 문서의 형식으로 사용됩니다. 따라서 HTML에 대한 기본 지식은 하드웨어 관련 문제를 이해하고 더 빨리 해결하는 데 도움이되므로 웹 사이트가 오프라인 상태 일 때 더 빠르게 웹 사이트를 복원 할 수 있습니다.

HTML 및 CSS
HTML 및 CSS보기 [Cheat Sheet]

HTML 페이지 구조

</strong><br/> <strong>
페이지 내용

html, head 및 body 요소는 1990 년대 중반부터 HTML 사양의 일부였으며 몇 년 전까지는 HTML 문서에 구조를 제공하는 데 사용 된 기본 요소였습니다..
그러나 HTML5가 HTML 문서의 구조에 풍부한 의미 론적 의미를 추가하는 데 사용할 수있는 많은 새로운 태그를 추가함에 따라 지난 몇 년 동안 상황이 크게 바뀌 었습니다..

HTML 문서는 문서 유형 선언 (공식적으로 “doctype”)으로 시작해야합니다. 브라우저에서 doctype은 렌더링 모드를 정의하는 데 도움이됩니다. HTML5는 DTD를 정의하지 않습니다. 따라서 HTML5에서 doctype 선언은 더 간단하고 짧습니다..


html 페이지를 작성하기 전에 기본 사항이 필요합니다..

일반적으로 페이지는 세 가지 구조 요소로 구성됩니다.

1. 헤더 : 헤더에는 로고 또는 웹 사이트 이름, 내비게이션 시스템 등 사이트의 모든 페이지와 관련된 콘텐츠가 포함됩니다. 헤더는 각 페이지에 표시됩니다.

2. 본체 : 이것은 웹 페이지에서 가장 큰 영역을 차지합니다. 보고있는 페이지와 관련된 내용이 포함되어 있습니다..

3. 바닥 글 : 바닥 글 내용에는 일반적으로 연락처 정보, 배송 주소 또는 법적 고지가 포함됩니다. 머리글과 마찬가지로 바닥 글은 모든 페이지에 나타나지만 맨 아래에 위치합니다..

기본 구조 요소가 결합 될 때의 모습은 다음과 같습니다.


여기에 텍스트 나 코드를 넣을 수 있습니다.
에 대한 Google 웹 로그 분석 추적 코드
예.

페이지 본문이
여기. 텍스트와 이미지로 채우십시오!

다음은 헤더 태그와 단락 태그를 사용하여 미적으로 콘텐츠를 구성하는 또 다른 예입니다. 또한 페이지 본문 아래에 내용에 대한 바닥 글 태그를 넣었습니다.


여기에 텍스트 나 코드를 넣을 수 있습니다.
에 대한 Google 웹 로그 분석 추적 코드
예.

나의 첫 번째 제목

mywebsite에 오신 것을 환영합니다!

연락 정보는 여기로 갈 수 있습니다


HTML 태그

HTML 태그

HTML 코드의 시작점은 개별 태그로, 모든 중요한 요소를 작성하고 웹 페이지를 구성하는 데 사용할 수 있습니다. 아래에서는 가장 일반적인 태그를 사용하여 특정 온 페이지 요소를 생성하는 데 어떻게 활용할 수 있는지 살펴 보겠습니다.

제목 태그

웹 페이지를 포함한 모든 온라인 문서는 제목으로 시작합니다. 이들은 HTML 태그를 사용하여 구성되며, 현재 최대 6 개의 가변 크기 요소를 허용하는 언어를 사용하여 추가 제목, 자막 및 강조 표시된 굵은 텍스트로 콘텐츠를 구성 할 수 있습니다. 제목을 시작하려면 간단히 관련 텍스트 앞에

,

,

,

,

또는
원하는 크기에 따라 태그.
그런 다음 제목 끝에 닫는 태그를 적용하여 텍스트를 캡슐화해야하며 HTML 형식으로 다음과 같이 표시됩니다.

태그에는 12 가지 범주가 있습니다.


이 제목입니다 1

이것은 제목 2입니다

이것은 제목 3입니다

이것은 제목 4입니다

이것은 제목 5입니다

이 제목은 6입니다

최고의 HTML 태그 기술
웹에서 공유

0.27 %

HTML5
캔버스 태그

0.29 %

HTML5
오디오 태그

0.69 %

HTML5
비디오 태그

3.1 %

HTML5
SVG 태그

6.54 %

HTML5
태그 삽입


확인되면 웹 사이트에서 다음과 같은 미학으로 해석됩니다.’방문 페이지 :

이 제목입니다 1

이것은 제목 2입니다

이것은 제목 3입니다

이것은 제목 4입니다

이것은 제목 5입니다

이 제목은 6입니다

여기서 브라우저는 제목 앞뒤에 줄을 추가한다는 사실과 같이 다양한 크기의 변수 제목을 볼 수 있습니다. 제목 텍스트 끝의 닫는 태그는 약간 다른 미학을 가지고 있지만 태그를 사용하여 특정 요소를 정의 할 때 다음 장에서이를 다룰 것입니다..

단락 태그

비디오 및 오디오 지원
Flash Player 및 기타 타사 미디어 플레이어를 잊어 버리고 새로운 HTML5로 비디오 및 오디오에 진정으로 액세스 할 수 있도록하십시오

단락 태그를 시작할 때도 비슷한 원칙이 적용됩니다.

. 이를 통해 컨텐츠를 구성하고 관련 단락으로 나눌 수 있으며, 이는보다 쉽고 원활한 읽기 환경으로 해석됩니다. 다시 한번

태그는 마지막에 대체 닫기 태그를 적용하여 효과를 완료하기 전에 관련 텍스트의 시작 부분에 배치해야합니다. 그러나 제목 태그와 달리 단락에 표시된 텍스트의 크기를 변경할 수있는 다양한 숫자가 없습니다.. 예를 들면 다음과 같습니다.

첫 단락

두 번째 단락

세번째 단락

전 세계 웹 사이트의 HTML5 비디오 태그 사용

국가
웹 사이트 수
미국
140,008
러시아
87,508
독일
34,519
영국
26,609
프랑스
25,697
일본
23,578
대만
19,798
우크라이나
19,204
브라질
16,773
중국
16,523
세계의 나머지
265,371

HTML 형식을 벗어나면 완성 된 웹 페이지에서 다음과 같이 텍스트가 구분됩니다.

첫 단락

두 번째 단락

세번째 단락

줄 바꿈 태그

첫 번째 예제는 가장 기본적인 HTML 태그를 나타내지 만 다른 형식과 대체 닫기를 사용하는 다른 태그가 있습니다. 예를 들어, 줄 바꿈을 사용하면 텍스트 줄이 끊어지고 다음 줄에서 계속되는 구분이 생깁니다. HTML 필드에는 줄 바꿈과 단락 사이에 핵심적인 차이가 있습니다. 후자는 텍스트를 포함하는 표준 블록 요소 인 반면, 전자는 기존 내에서 분리를 만듭니다.

요소.

이로 인해 줄 바꿈은 HTML에서 빈 요소를 나타내므로 태그를 열거 나 닫는 것으로 정의되지 않습니다. 대신에, 그들은
기존 태그에 삽입 할 수있는 태그

텍스트를 나누고 중요한 정보를 강조 할 수 있습니다. 문자 br과 슬래시 사이의 단일 공백이 중요합니다. 그렇지 않으면 태그를 HTML 형식으로 인식 할 수 없으므로.

예를 들면 다음과 같습니다.

Flash와 같은 이전의 풍부한 인터넷 응용 프로그램 플랫폼보다 훨씬 많은 웹 상호 작용 및 웹 애니메이션 가능성을 활용할 수있는 드로잉 HTML5 드로잉 태그입니다..
HTML5를 사용하여 게임을 개발할 수도 있습니다. 꼬리표. HTML5는 재미 있고 인터랙티브 한 게임을 개발할 수있는 훌륭한 모바일 친화적 인 방법을 제공합니다

좋은 아침

문의 해 주셔서 감사합니다. 다른 것이 필요한 경우 연락 드리겠습니다..

친애하는

존스 씨

적용되면 다음과 같이 텍스트가 분리됩니다.

좋은 아침,

문의 해 주셔서 감사합니다. 다른 것이 필요한 경우 연락 드리겠습니다..

친애하는

존스 씨

보시다시피 기존 단락 요소 내에서 원하는만큼 줄 바꿈을 적용하여 값을 추가하고 정보를보다 쉽게 ​​요약 할 수있는 한 줄 바꿈을 적용 할 수 있습니다. 또한 시작 및 닫는 단락 태그는 변경되지 않은 채로 유지되며, 줄 바꿈 태그는 안에 포함 된 텍스트의 레이아웃을 수정하는 데 사용됩니다.

이것은 HTML 태그를 사용하여 기존 요소를 변경하는 방법에 대한 예 중 하나이며, 이는 웹 페이지 및 컨텐츠의 시각적 레이아웃을 정의하는 데 중요한 역할을합니다..

수평선

HTML5 Canvas Tag가 사용되는 웹 사이트 범주

HTML5 Canvas Tag가 사용되는 웹 사이트 범주

마찬가지로, 태그 내에서 사용할 수있는 다른 태그가 있습니다

웹 페이지에서 텍스트 본문을 추가로 분리 할 수 ​​있습니다. 가장 널리 사용되는 것 중 하나는


태그를 사용하면 온라인 문서의 대체 섹션간에 시각적 수평선을 그리는 빈 요소를 만들 수 있습니다. 예를 들어, 독자의 초점을 다시 맞추거나 새로운 시각적 요소를 도입하기 위해 두 본문 사이에 선을 배치 할 수 있습니다. 이것은 HTML에서 그러한 나누기를 만드는 방법입니다.

첫 단락


두 번째 단락

여기서 hr 문자와 슬래시 사이의 구분은 빈 요소의 구성을 강조 표시하지만 효과를 완료하는 데 필요한 닫는 태그는 다시 없습니다.. 그러면 다음과 같은 시각적 요소가 만들어집니다.

첫 단락
________________________________________

두 번째 단락

첫 단락
_______________________

두 번째 단락

모바일 브라우저는 HTML5를 완전히 채택하여 작은 터치 스크린 디스플레이를위한 디자인 및 구성만큼 쉬운 모바일 레디 프로젝트를 생성하는 것은 반응 형 디자인의 인기입니다. 모바일에 최적화 할 수있는 훌륭한 메타 태그가 있습니다
콘텐츠 개발자의 78 %가이 구조가 모바일 앱을 만드는 데 적합하다는 데 동의하고 68 %는 모든 종류의 앱을 설계하는 데 적합하다고 응답


이미지 태그

이미지 태그는 HTML에서 빈 요소를 나타내며 닫기 태그가없는 것을 의미합니다. 사이트에 포함하려는 이미지의 URL과 관련된 속성 만 포함하므로 해당 속성은 요소의 시작 부분에 태그. 단락이나 제목과 같은 기존 요소에 포함시키는 것은 드물지만 웹 사이트의 어느 곳에 나 배치 할 수 있습니다. 일반적인 HTML 이미지 태그가 표시되는 방식은 다음과 같습니다.

some_text

또한 로딩 시간이 느려지거나 스크린 리더를 사용할 경우 사람들이 이미지를 볼 수 있도록 이미지에 대한 대체 텍스트를 제공해야합니다. 이렇게하면 브라우저가 이미지를 찾을 수 없으면 대체 속성의 값이 뷰어에 표시됩니다. 이것은 다시 한 번 이미지 태그를 사용하지만 다른 속성 세트를 포함합니다.

 HTML5 Icon

HTML 요소

html 요소

이전에는 간단한 HTML 태그를 사용하여 페이지 요소를 정의하는 방법을 살펴 보았으며 이미지 및 줄 바꿈 태그가 포함 된 빈 요소를 사용하여 추가로 사용자 정의 할 수있는 방법을 살펴 보았습니다. 이를 통해 태그와 요소 사이의 관계와 웹 사이트에서 다양한 유형의 콘텐츠를 정의하는 데 사용되는 방법을 이해할 수 있습니다..

예를 들어 HTML 언어의 모든 측면이 태그로 표시되지만 컨텐츠를 포함하는 정의 된 요소에는 시작 및 종료 태그가 모두 있어야합니다. 따라서 제목과 단락은 시작 및 닫기 태그를 사용하여 관련 텍스트를 캡슐화하고 기능을 보강하기 때문에 HTML 요소입니다. 반대로, 빈 요소에는 속성이 있거나 내용이 전혀 없으므로 닫는 태그없이 기존 요소 내에서 사용할 수 있습니다..

HTML 요소 정의

HTML5는 아무데도 가지 않고 점점 더 많은 요소가 채택되면서 점점 더 많은 회사가 HTML5에서 개발을 시작할 것

제목 및 단락과 같은 예를 사용하는 경우 시작 및 닫기 태그를 올바르게 적용하는 것이 중요합니다. 시작 태그입니다 (예 :

또는

예를 들어 닫는 태그는이 요소가 나머지 웹 페이지에서 계속되지 않도록합니다. 마감을 사용하지 않으면 원하는 단락의 끝에 태그를 붙입니다. 예를 들어, 텍스트는보기 어렵고 읽기 어려운 단일 블록에 나타납니다..

모든 닫기 태그는 전자가 관련 문자 앞에 슬래시를 포함한다는 점을 제외하고 시작 태그와 동일합니다. 따라서

제목, 닫는 태그는 , 단락의 경우 항상 사용합니다 텍스트에서 나누기를 정의합니다. 코딩하는 동안 세부 사항에주의를 기울여야하며 사용하는 숫자 (예 : h1 또는 h2)가 시작 태그와 닫는 태그에 모두 적용된다는 제목을 프로그래밍 할 때주의해야합니다..

다른 HTML 요소의 사용 빈도

XHTML 요소 이름
머리
표제
html
신체

메타
img

td
tr
br

스크립트
폰트
사업부

링크
센터
스팬
형태
입력
스타일
hr
강한
나는
hl

노 스크립트
지도
지역
ul
고르다
선택권
h3
h2

프레임 세트
param
끼워 넣다
여자 이름

목적
인용구
아니
프레임

iframe
작은
h4
베이스
노르





























0
10
20
30
40
50
60
70
80
90
100

중첩 HTML 요소 사용

이 단계에서 HTML 문서와 웹 페이지는 다양한 요소의 트리로 구성되며, 이는 자산 배열의 빌딩 블록 역할을합니다. 또한 이러한 요소가 온라인 컨텐츠를 구성하는 데 어떻게 구성되고 사용될 수 있는지 살펴 보았으며 이제 중첩 된 HTML 요소를 살펴보고이를 계속할 것입니다..

빈 요소와 독립형 태그처럼
정의 된 HTML 요소에 통합 될 수 있으며, 소위 중첩 요소는 제목 및 단락과 같은 컨텐츠 내에 포함될 수도 있습니다. 여기에는 굵게 및 기울임 꼴 문자 및 밑줄이 그어진 텍스트와 같은 예가 포함되며, 콘텐츠에 개성을 더하고 특정 관심 영역에 대한 독자의 시선을 끌 수 있습니다..

HTML에서 굵게, 기울임 꼴 및 밑줄 친 텍스트

허락하다’기존 단락 요소 내에서 단어를 강조하고 싶다고 말합니다. 표준 내에서 간단한 태그를 사용하여 굵게 표시하여이를 달성 할 수 있습니다.

요소. HTML을 사용하여 다음과 같이 프로그래밍합니다.

내가 원하는 대담 할 단어.


여기에서 중첩 요소에는 시작 태그와 닫는 태그가 있으며 각각 제목과 단락과 관련된 형식을 따릅니다. 기존 요소 내에서 원활하게 사용할 수 있으며이 경우 다음과 같은 결과가 나타납니다.

내가 원하는 대담 할 단어.

자 이제’또한이 단어의 기울임 꼴도 이탤릭체로 변경하려고합니다. 이것은 다음과 같이 코딩되어야하는 다른 중첩 요소를 추가하여 간단히 달성 할 수 있습니다.

내가 원하는 대담 할 단어.

보시다시피, 시작 및 종료 기울임 꼴 태그는

요소. 이제 요소 내에서 내용이 변환되어 다음과 같이 나타납니다.

HTML 제목은 항상 검색 엔진이 페이지의 내용을 이해하는 데 사용하는 가장 중요한 HTML 신호입니다. 실제로 HTML 제목이 잘못되었거나 설명이 아닌 것으로 판단되면 Google에서 제목을 변경합니다.
내가 원하는 대담 할 단어.

물론,이 단어를 다른 방식으로 강조하기를 원할 수도 있습니다. 따라서 밑줄과 같은 대체 중첩 요소를 사용할 수 있습니다 ( 태그. 이 태그는 동일한 방식으로

요소는 HTML에서 다음과 같이 나타납니다.

내가 원하는 밑줄이 그어진 단어.

이 경우 텍스트는 문서 또는 방문 페이지에 다음과 같이 나타납니다.

HTML5가 도입 한 새로운 시맨틱 요소는 신진 개발자가 훨씬 쉽게 읽을 수 있도록합니다. 다음 줄을 보는 대신
요소, 더 정의 된 태그 (예 :
,
내가 원하는 밑줄이 그어진 단어.

이를 통해 태그로 구성 할 수있는 요소에 대한 통찰력을 제공하며,이를 통해 웹 페이지의 구조와 해당 콘텐츠의 특징을 정의합니다. 이뿐 만 아니라 비어 있고 중첩 된 요소를 사용하여 컨텐츠를 추가로 정의 할 수도 있습니다..

HTML 속성

전역 속성은 모든 HTML 요소에 공통적 인 속성입니다. 속성은 일부 요소에 영향을 미치지 않지만 모든 요소에 사용할 수 있습니다. 전역 속성은 표준에 지정되지 않은 모든 HTML 요소에 지정할 수 있습니다


태그가 요소를 구성하고 정의하는 빌딩 블록 인 경우 HTML 속성을 사용하여 특성 (예 : 스타일, 색상 및 언어)을 사용자 정의 할 수 있습니다. 모든 HTML 요소에는 핵심 정보가 있으며 stat 태그 내에 항상 지정된 핵심 속성이 있습니다. 그것들은 쌍을 이루는 경향이 있으므로, 종종 다음 형식으로 나타납니다 :”값.“

간단히 말해서 이름은 설정하려는 속성을 나타내며 값은 통합하려는 특정 기준과 관련됩니다..

HTML 요소에 적용 할 수있는 속성은 많지만 웹 마스터와 가장 관련이있는 속성은 다음과 같습니다.

‘언어’속성

가장 기본적인 단일 속성으로 문서의 언어와 해당 요소를 정의합니다. 사용하여 선언됩니다 ‘랭’ 속성을 쉽게 간과 할 수 있지만 화면 판독기와 검색 엔진에서 콘텐츠에보다 쉽게 ​​액세스 할 수 있다는 이점이 있습니다. 일반적으로 문서의 시작 부분에 다음 형식으로 표시됩니다.

다음과 같은 몇 가지 기본 속성 유형이 인식되었습니다.

필수 속성, 해당 요소 유형이 올바르게 작동하려면 특정 요소 유형에 필요

선택적 속성, 요소 유형의 기본 기능을 수정하는 데 사용

표준 속성, 많은 요소 유형에서 지원

이벤트 속성, 요소 유형이 특정 상황에서 스크립트를 실행하도록 지정하는 데 사용


lang 속성 다음에 처음 두 글자는 언어를 지정합니다 (이 경우 영어). 하이픈 뒤에는 다음 두 글자가 방언을 설정하지만 모든 언어에 해당되는 것은 아닙니다. 잠재 고객에게 성공적으로 도달하려면이 속성을 가져와야합니다..

‘정렬’속성

우리는 이미 HTML 속성의 형식을 다루었습니다 (name =”가치)와이 요소의 가장 좋은 구현은 요소 내에서 콘텐츠를 정렬하려고 할 때 발생합니다. 예를 들어 정렬을 설정하려는 속성으로 특정 페이지의 모든 단락을 가운데에 맞출 수 있습니다. 그후, ’센터’ 텍스트를 왼쪽 또는 오른쪽으로 정렬 할 수 있지만 속성 값입니다.. 예를 들면 다음과 같습니다.

이 텍스트는 가운데 정렬됩니다

HTML5로 제작 된 앱 유형

생산력
54 %
유용
38 %
소비자
35 %
맥없이 달리다
22 %
소셜 네트워킹
18 %
환대
17 %
생활 양식
12 %
여행
9 %
계략
8 %
다른
13 %

이것은 당신을 정렬합니다

페이지 중앙에 요소를 배치하고 웹 사이트의 특정 특성에 맞게 균일 한 레이아웃을 만듭니다 (아래 참조).

이 텍스트는 가운데 정렬됩니다
이 텍스트는 가운데 정렬됩니다
이 텍스트는 가운데 정렬됩니다

‘Href’속성

또한 HTML5에는 더 나은 사용자 경험과보다 강력하고 역동적 인 웹 애플리케이션을 구축 할 수있는 다양한 API가 포함되어 있습니다. 여기에는 기본 API 목록이 있습니다.
  • 드래그 앤 드롭 (DnD)
  • 오프라인 저장소 데이터베이스
  • 브라우저 기록 관리
  • 문서 편집
  • 시간 미디어 재생

보이는 웹 사이트를 구축하려는 경우 인바운드 및 아웃 바운드 링크를 모두 통합하는 것이 중요합니다. 내부 랜딩 페이지에 대한 백 링크를 포함하는 링크 포트폴리오를 작성하는 것도 실행 가능한 전략이므로 HTML로 코드를 코딩하는 방법을 배워야합니다..

HTML 링크는 태그 : URL을 수용 할 관련 앵커 텍스트와 함께 대상 링크를 포함합니다. 그것은 ‘href ’ 사이트 주소를 지정하는 속성이지만 시작 태그의 일부로 통합됩니다. 다음과 같이 HTML로 코딩됩니다.

구글

시작 태그와 종료 태그의 차이점을 분명히 강조 표시하며 방문 페이지에서 다음과 같이 번역됩니다.

HTML5는 한 회사에서 제어하지 않습니다. 최고의 기능 중 하나는 공개 표준이라는 사실에 있습니다. 개발자는 창의성을 발휘하고 최대한 많은 기능을 추가 할 수 있습니다.


‘색상’속성

색상을 사용하면 웹 사이트에 생명을 불어 넣는 동시에 중요한 대비와 강력한 디자인 미학을 만들 수 있으므로 이는 또 다른 중요한 속성입니다. HTML에서는 이름을 사용하여 색상을 지정할 수 있지만 RGB 또는 HEX 값을 사용하여이 목표를 달성 할 수도 있습니다. 전자의 옵션은 가장 쉬운 방법이지만 페이지의 제목, 단락 및 기타 요소에도 적용 할 수 있습니다..

HTML5 캔버스
HTML5 Canvas보기 [Cheat Sheet]

이것은 설정하려는 값을 나타내는 색상 선택과 함께 스타일 속성입니다. 예를 들어 주 제목에 빨간색을 적용하면 다음과 같이 나타납니다.

빨간색을 사용하여 설정 한 배경색

적용되면이 요소는 웹 사이트에 다음과 같이 나타납니다.

빨간색을 사용하여 설정 한 배경색
다른 브라우저와 비교하여 모든 Chrome 업데이트는 HTML5에 대한 지원을 포함합니다. 또한 YouTube의 기본 플레이어는 이제 HTML5이고 Google의 플래시 광고는 이제 HTML5로 변환됩니다


다시 한 번, 요소를 정의하는 시작 태그와 닫는 태그가 명확하게 구분되는 반면 HTML에 적용하기 가장 쉬운 속성 중 하나입니다. 또한 이름을 더 강조 표시합니다.”HTML 속성의 가치 형식으로 웹 사이트 전체에서 학습 및 적용 과정을 훨씬 쉽게 만듭니다..

자신을 테스트

HTML과 개별 요소에 대한 기본 지식을 갖춘 다음 단계는 간단한 프로젝트를 수행하고 이론적 지식을 적용하여 실제 문제를 해결하는 것입니다..

HTML5를 실행하는 브라우저 기반 응용 프로그램은 위치 정보를 사용하는 데 아무런 문제가 없습니다.

아래에 설명 된 연습에서는 HTML을 사용하여 다양한 측면의 서식을 지정하는 것을 제외하고. 자신의 웹 사이트를 코딩 할 준비를 할 때 가이드와 지금까지 배운 모든 것을 사용하여 도전 과제를 완료하십시오.
________________________________________

메인 헤더

Example.com 웹 사이트에 오신 것을 환영합니다! 우리는 당신이 우리의 내용을 읽고 즐기시기 바랍니다, 우리에게 연락.

방문해 주셔서 감사합니다!

더 알아보기.

개발자의 HTML5 사용
(지역별)

북남미
70 %
남아메리카
61 %
ASPAC
60 %
호주
60 %
유럽
59 %
아프리카
50 %

________________________________________

질문 :

  1. 올바른 닫는 태그로 헤더 요소를 완성하십시오..
  2. 헤더를 굵게 표시.
  3. 머리글 아래에 수평선을 삽입.
  4. 색상 속성 및 음영 사용 ‘방문해 주셔서 감사합니다’ 녹색으로
  5. 이 하이퍼 링크를 삽입하십시오 (https://www.w3schools.com/html/) 앵커 텍스트로 “배우다
    더.”
  6. 페이지 헤드에서 name =”단락을 왼쪽 정렬하기위한 값 형식


결론

HTML은 1991 년까지만 만들어졌지만 (1995 년 이후에 첫 번째 버전의 코딩 언어가 사용됨), 기능적이고 시각적으로 매력적인 웹 사이트 디자인에서 중요한 도구가되었습니다. 전 세계적으로 점점 더 많은 웹 사이트에서 최신 반복 (HTML5)을 채택하면서 HTML의 영향력 수준도 계속 발전하고 있습니다..

이와 관련하여 HTML의 기본 요소를 배우고 적용하는 방법은 성공하고 눈에 띄며 경쟁력있는 웹 사이트를 구축하는 데있어 가장 중요한 단계입니다..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map