속성을 사용하면 이미지를 로드할 위치를 지정할 수 있습니다.

또 다른 중요한 속성

맥북이 인터넷에 연결되지 않습니다

태그는

. 대체 텍스트를 사용하면 화면 판독기용으로 또는 이미지가 제대로 로드되지 않는 경우 이미지를 설명할 수 있습니다. 이미지 위로 마우스를 가져가면 대체 텍스트를 볼 수 있습니다.

사용

그리고




이미지가 표시되는 픽셀 수를 지정하는 요소.

모두 합치면 이미지 태그가 다음과 같이 보입니다.

Example Heading

This is one paragraph.

This is a second
paragraph split between two lines.

5단계: 링크 추가

World Wide Web은 다른 페이지에 대한 링크가 없는 웹이 아닙니다. 사용

태그를 사용하면 모든 텍스트의 다른 페이지에 연결할 수 있습니다.

내부

src

태그,

속성은 연결하는 위치를 알려줍니다. URL을 붙여넣기만 하면 정상적으로 작동합니다. 당신은 사용할 수 있습니다

alt

누군가가 링크 위로 마우스를 가져갈 때 표시되는 약간의 텍스트를 추가하는 요소입니다.

기본 링크는 다음과 같습니다.

width

NS

height

태그에는 다른 많은 가능한 요소가 있지만 여기서는 자세히 다루지 않습니다.

HTML이 CSS 및 JavaScript와 연결되는 방법

우리는 HTML의 기본과 웹페이지를 구축하는 방법을 살펴보았습니다. 그러나 상상할 수 있듯이 HTML만으로는 현대 웹에 적합하지 않습니다. 대부분의 웹사이트가 정적 텍스트에 불과했던 '웹 1.0' 시대에는 단순한 HTML 웹페이지가 일반적이었습니다.

하지만 지금은 더 많은 것을 가지고 있습니다. CSS(Cascading Style Sheets)는 HTML로 준비한 텍스트의 모양을 설명하는 데 사용되는 언어입니다. 기억해

우리가 논의한 태그? 이 태그(및 기타 태그) 내에서 다음을 정의할 수 있습니다.

기인하다. 그런 다음 함께 제공되는 CSS 문서에서 그 방법에 대한 지침을 작성할 수 있습니다.

봐야 한다.

HTML 코드에서 이러한 스타일 요소를 인라인으로 정의할 수 있지만 유지 관리가 훨씬 더 어렵기 때문에 좋지 않은 방법으로 간주됩니다. 자세히 알아보기 이 간단한 CSS 예제 . 또한 체크 아웃 CSS 파일을 최적화하는 방법 .

자바스크립트

HTML이 내용을 정의하고 CSS가 모양을 결정하는 것을 보았습니다. 웹에 필수적인 트리오의 마지막 멤버인 JavaScript를 사용하면 매번 새 페이지를 로드하지 않고도 웹 페이지가 사람들의 행동에 응답할 수 있습니다.

예를 들어, JavaScript를 사용하면 입력한 암호가 요구 사항을 충족하지 않는다는 경고를 웹사이트에서 제출하기 전에 웹사이트에서 허용합니다. 웹 디자이너는 JavaScript를 사용하여 슬라이드쇼의 이미지를 순환하거나 사용자에게 입력을 요청할 수 있습니다.

이것들은 단지 몇 가지 기본적인 예일 뿐입니다. JavaScript는 많은 작업을 수행할 수 있는 스크립팅 언어이며 HTML 및 CSS보다 훨씬 더 복잡합니다. 보다 JavaScript 개요 훨씬 더.

웹 디자인의 전체 범위를 살펴보는 것은 이 기사의 범위를 벗어나지만 HTML은 오늘날 우리가 알고 있는 웹 페이지를 만들기 위해 다른 언어와 상호 작용한다고 말하는 것으로 충분합니다.

HTML의 진화

HTML은 정적이지 않다는 점에 유의하는 것이 중요합니다. HTML은 여러 개정을 거쳤으며 가장 최근의 것은 HTML 5입니다. 특히 이 표준은 Adobe Flash와 같은 독점 형식에 의존하는 대신 기본 비디오 임베딩을 지원합니다.

HTML의 새로운 반복은 또한 특정 구식 태그를 때때로 더 이상 사용되지 않는 것으로 선언합니다. 여기에는 다음과 같은 끔찍한 태그가 포함됩니다.

그리고

(각각 스크롤 및 플래시 텍스트) 1990년대 웹사이트 디자인에서 흔히 볼 수 있습니다. 따라서 표준은 시간이 지남에 따라 변경됩니다.

약간의 HTML 지식은 먼 길을 간다

HTML 문서가 어떻게 작동하는지 간략하게 살펴보았습니다. 이제 웹 페이지가 어떻게 구성되는지에 대한 기본 사항을 알게 되었습니다. 웹 페이지를 구축하지 않더라도 매일 사용하는 웹에 대해 조금 더 잘 알고 있습니다.

페이팔 계정을 가지려면 몇 살이어야합니까

자세히 알아보려면 필수 도구를 사용하여 웹 개발 기술을 업그레이드한 다음 확인하십시오. 첫 번째 웹사이트를 디자인하는 방법에 대한 가이드 .

이미지 크레디트: Belyaevskiy/ Depositphotos

• 프로그램 작성
• HTML
• 웹 개발
• 자바스크립트
• 웹마스터 도구
• 프로그램 작성
• HTML5

Ben은 MakeUseOf의 부편집장이자 온보딩 관리자입니다. 그는 2016년 풀타임으로 글을 쓰기 위해 IT 일을 그만두고 한 번도 뒤돌아보지 않았습니다. 그는 7년 넘게 전문 작가로서 기술 튜토리얼, 비디오 게임 추천 등을 다루고 있습니다.

뉴스레터 구독

기술 팁, 리뷰, 무료 전자책 및 독점 거래에 대한 뉴스레터에 가입하십시오!