HTML이란 무엇이며 어떻게 사용하는가?-HTML 튜토리얼-php.cn

HTML은 하이퍼텍스트 문서를 작성하는 데 사용되는 간단한 마크업 언어인 하이퍼텍스트 마크업 언어입니다. 이 글에서는 HTML의 개발 및 기본 개념을 자세히 소개합니다.

HTML의 개발 역사에 대해 알아보세요.

HTML은 영어로 Hypertext Marked Language를 의미하며, 이는 하이퍼텍스트 문서를 만드는 데 사용되는 간단한 마크업 언어입니다. HTML은 WEB 발명가 Tim Berners-Lee와 동료 Daniel W. Connolly가 1990년에 만든 마크업 언어입니다. 표준 일반화 마크업 언어 SGML을 적용한 것입니다.

HTML로 작성된 하이퍼텍스트 문서를 HTML 문서라고 하며 다양한 운영 체제 플랫폼(예: UNIX, WINDOWS 등)에 독립적입니다. HTML을 통해 표현해야 할 정보는 일정한 규칙에 따라 HTML 파일로 작성되어 전용 브라우저에서 인식되고, 이러한 HTML은 널리 이해될 수 있는 언어, 즉 모든 A로 식별 가능한 정보로 "번역"됩니다. 컴퓨터가 이해할 수 있는 출판을 위한 "모국어". 이것이 지금 우리가 보는 웹페이지입니다. HTML은 1990년부터 WWW(World Wide Web의 약어, 약어로 WEB, 중국어로는 World Wide Web이라고 함)의 정보 표현 언어로 사용되었으며, 홈페이지의 형식 설계 및 다른 홈페이지와의 링크 정보를 기술하는 데 사용되었습니다. WWW. HTML 언어로 설명된 파일은 WWW 브라우저를 통해 표시되어야 합니다.

HTML(Hyperdocument Markup Language)은 웹 페이지 문서를 작성하기 위한 언어로, 마크업 명령(태그)을 통해 이미지, 사운드, 그림, 텍스트, 애니메이션, 비디오 및 기타 콘텐츠를 표시합니다. 한 파일에서 다른 파일로 이동할 수 있기 때문에 전 세계 호스트와 파일을 연결할 수 있습니다. 하이퍼텍스트 전송 프로토콜은 HTML 문서를 실행할 때 브라우저가 따르는 규칙과 작업을 규정합니다. HTTP 프로토콜의 공식화를 통해 브라우저는 하이퍼텍스트를 실행할 때 통일된 규칙과 표준을 가질 수 있습니다.

소위 하이퍼텍스트는 그림, 소리를 추가할 수 있기 때문입니다. , 애니메이션, 영화 및 기타 콘텐츠 실제로 모든 HTML 문서는 정적 웹 페이지 파일입니다. 이 파일에는 HTML 명령 코드가 포함되어 있으며, 이는 프로그래밍 언어가 아니라 표시 위치를 레이아웃하는 A 마크업 구조 언어입니다. 웹 페이지의 정보는 배우고 이해하기 쉽고 매우 간단합니다. HTML의 보편적인 적용은 마우스 클릭만으로 한 주제에서 다른 주제로 이동하고, 한 페이지에서 다른 페이지로 이동하며, 전 세계 호스트의 파일에 연결되는 하이퍼텍스트를 가져온 기술입니다. 관련 주제에 직접 액세스하세요. 아래와 같이

html을 통해 다채로운 디자인 스타일을 표현할 수 있습니다.

이미지 호출:
텍스트 형식: 텍스트

HTML을 통해 페이지 사이를 이동할 수 있습니다.

페이지 점프: 〈A HREF="파일 경로/파일 이름">

멀티미디어 효과를 사용할 수 있습니다. HTML을 통해 표시됩니다:

Audio:
Video:

위에서 필요한 몇 가지 태그를 볼 수 있습니다. HTML 하이퍼텍스트 파일에 사용됩니다. HTML에서 태그로 사용되는 각 기호는 브라우저에 텍스트 표시 방법을 알려주는 명령입니다. 이러한 태그는 "<" 및 ">" 기호와 문자열로 구성됩니다. 브라우저의 기능은 이러한 태그를 해석하고 텍스트, 이미지, 애니메이션을 표시하고 사운드를 재생하는 것입니다. 이러한 태그 기호는 "<태그 이름 속성>"으로 표시됩니다.

HTML은 단순한 텍스트 파일입니다. HTML 문서를 만들려면 HTML 편집기와 웹 브라우저라는 두 가지 도구만 필요합니다. HTML 편집기는 THML 문서를 생성하고 저장하는 데 사용되는 응용 프로그램입니다. 웹 브라우저는 웹 웹 페이지 파일을 열고 웹 리소스를 볼 수 있는 기능을 제공하는 데 사용되는 클라이언트 프로그램입니다.

HTML 문서는 일반 텍스트 파일입니다(모든 텍스트 작성기로 작성할 수 있음). 예를 들어 HTML 언어는 일반 텍스트 편집기를 사용하여 직접 편집할 수 있습니다.

HTML의 강력한 기능:

제목, 텍스트, 표, 목록, 사진 등이 포함된 온라인 문서를 게시하세요.
하이퍼링크를 통해 온라인 정보를 검색하세요.
정보 검색, 제품 주문 등에 사용할 수 있는 원격 서비스를 받기 위한 양식을 디자인했습니다.
스프레드시트, 비디오 클립, 사운드 클립 및 기타 응용 프로그램을 문서에 직접 포함합니다.

HTML의 광범위한 응용 프로그램:

모든 월드 와이드 웹 문서는 생성된 하이퍼텍스트 마크업 언어 HTML로 구성됩니다. 이 언어에서는 다양한 태그를 사용하여 파일을 처리할 수 있습니다. 이러한 태그는 파일 콘텐츠의 모양, 구조 및 상호 작용을 결정합니다. 공통점은 단락 태그

, 이미지 태그 등과 같은 "<>"를 사용한다는 것입니다.

브라우저에서는 HTML 태그를 볼 수 없지만, 브라우저에서 보는 웹페이지 효과는 모두 이 태그에 의해 생성됩니다. 대부분의 경우 사이트를 만들 때 HTML 마크업을 마스터할 필요는 없습니다. 왜냐하면 FrontPage와 같은 소프트웨어에서는 HTML 처리가 뒤에서 이루어지므로 언어의 복잡성이 가려지기 때문입니다. 웹 페이지의 HTML 마크업을 보려면 HTML 모드를 선택할 수 있습니다.

오늘날 웹페이지 제작의 대부분은 Dreamweaver, webstorm 등과 같은 전문적인 웹페이지 제작 도구를 사용합니다. 이러한 도구는 WYSIWYG이며 매우 편리합니다. 하지만 이러한 도구를 아는 것만으로는 충분하다고 생각하지 마십시오. 더 좋고 더 전문적인 결과를 얻으려면 HTML 코드를 수동으로 조정해야 하는 경우가 많습니다.

HTML의 정의를 이해한 후 HTML을 배워봅시다.

1. HTML을 왜 배워야 할까요?

지난 2년 동안 많은 회사에서 그래픽 HTML 개발 도구를 개발하여 웹 페이지 제작을 매우 간단하게 만들었습니다. 웹스톰, 어도비에서 출시한 어도비 페이지밀, 마이크로미디어에서 출시한 드림위버 등의 편집 도구는 모두 "보이는 대로 얻을 수 있다(What You See Is What You Get)" 웹 페이지 제작 도구로 알려져 있습니다. 이러한 그래픽 개발 도구는 힘든 마크업을 작성하지 않고도 웹 페이지를 직접 처리할 수 있습니다. 이를 통해 사용자는 HTML 언어에 대한 기본 지식 없이도 웹 페이지를 작성할 수 있습니다. 현재 HTML 문서 작성 작업은 개발 도구를 통해 완료됩니다. 이는 웹 그래픽 편집 도구의 가장 큰 성공이지만 가장 큰 약점이기도 합니다. 그래픽 편집 도구 자체의 제약으로 인해 대량의 정크 코드가 생성됩니다. 그 이유는 매우 간단합니다. 예를 들어, 웹 페이지에서 표를 디자인할 때 각 셀의 너비와 높이가 내용에 따라 자동으로 결정된다면 HTML은 표와 셀이 배열되는 순서만 알려주면 됩니다. (즉, 행과 열의 수) 그러나 그래픽 개발 도구는 사용자의 특별한 요구 사항을 알 수 없기 때문에 일반적인 요구 사항만 취하고 각 셀의 너비와 높이를 정의할 수 있으므로 많은 코드가 추가됩니다. 따라서 현명한 웹 페이지 작성자는 그래픽 편집 도구를 마스터하여 HTML 언어를 더 배워야 정크 코드가 무엇인지 알 수 있습니다. 이러한 방식으로 우리는 그래픽 HTML 개발 도구를 사용하여 웹 페이지를 빠르게 만들고 불필요한 코드를 제거할 수 있습니다. 고품질의 웹페이지를 빠르게 제작한다는 목적을 달성하기 위한 코드입니다.

그러므로 HTML 언어는 웹페이지 제작의 기초이자 초보자가 꼭 배워야 하는 언어입니다. WYSIWYG 웹 페이지 생성 도구가 많이 있지만 최종 분석에서는 여전히 일부 HTML 구문을 이해하는 것이 필요합니다. 이러한 방식으로 페이지 레이아웃을 보다 정확하게 제어하고 더 많은 기능을 구현할 수 있습니다.

2. HTML을 사용하는 방법은 무엇인가요?

HTML 언어는 Hyper Text Markup Language라고도 알려져 있으며 English Hyper Text Markup Language의 약어입니다. 마크업 언어인 HTML 언어는 특정 기호와 구문으로 구성되어 있으므로 이해하고 익히기가 매우 쉽습니다. 모든 컴퓨터 프로그래밍 언어 중에서 HTML 언어가 가장 배우기 쉽다고 할 수 있습니다. HTML을 구성하는 문서는 모두 ASCII 파일이므로 HTML 파일을 만드는 것은 매우 간단하며 일반 문자 편집기만 있으면 됩니다. 예를 들어 Windows에서는 메모장과 워드패드를 사용할 수 있습니다. CoffeeHTML, Homesite, HTMLedit Pro 등과 같은 전용 HTML 편집 도구를 사용할 수도 있습니다. 이 도구의 기능은 HTML 문서의 문법 오류를 자동으로 확인하고 수정을 지원할 수 있다는 것입니다. 그래픽 HTML 개발 도구 덕분에 HTML을 배우기가 더 쉽습니다. 먼저 웹 페이지를 만든 다음 함께 제공되는 HTML 코드 편집기에서 쓸모 없는 코드를 삭제하고 WYSIWYG 기능을 사용할 수 있습니다. HTML을 빠르게 마스터할 수 있도록 말이죠. 특히 최근 마이크로미디어가 출시한 드림위버 4는 소스코드 편집기와 웹페이지 편집기를 같은 창에 넣을 수 있어 정말 편리하다.

3. HTML의 기본 개념

1. 정의:

HTML 언어는 간단히 말해서 일련의 마크업 기호와 문법 규칙을 구성하여 콘텐츠를 표시하는 것입니다. 텍스트, 이미지, 사운드 등의 요소는 특정 표준 요구 사항에 따라 배열되어 제목, 단락, 목록 등과 같은 특정 단위를 구성합니다.

2. 하이퍼텍스트 태그

1) 하이퍼텍스트 태그는 꺾쇠괄호 ""로 표현됩니다.

2) 하이퍼텍스트 태그는 일반적으로 끝을 나타내는 슬래시가 있는 요소와 함께 쌍으로 나타납니다. 예: 및 . 그러나 일부 태그에는 시작 태그만 있고 종료 태그는 없습니다. 예를 들어
은 웹 페이지에 줄바꿈을 나타냅니다. 단락의 종료 태그와 같은 일부 태그는 생략될 수 있습니다.

는 생략 가능합니다.

3) 하이퍼텍스트 태그는 대소문자를 무시합니다. 예: 및 은 동일하지만 엔터티 콘텐츠의 이름은 대소문자를 구분합니다. 예를 들어 "&NAME" 및 "&name"은 서로 다른 엔터티를 나타냅니다.

4) 마크 요소는 여러 줄에 걸쳐 쓸 수 있으며, 매개변수 위치에는 제한이 없습니다.

语3, HTML 언어의 단위(요소)

전체 웹페이지 페이지의 콘텐츠는 특정 콘텐츠로 구성된 여러 단위로 구성되며, 각 단위는 세 부분으로 구성됩니다 ---- 시작 표시, 단위 콘텐츠 , 끝, 끝 표시.

시작 태그: 시작 태그는 ""로 정의되며, 단위 이름과 속성은 시작 태그로 지정됩니다.

단위 내용: 중간 부분은 단위의 내용 부분입니다. 끝 태그: 끝 표시는 "" 및 ">"로 정의되며 시작 표시보다 슬래시가 하나 더 있습니다.

예: 제목 표시줄 단위의 표시 형식

상단과의 인터뷰; 대학 입시 득점자 - 농민 아이의 성장을 기록하다 체험

그 중

과 이 시작점과 끝점이다. 대학 입시-농민 자녀의 성장 경험 기록하기'가 이 단원의 기본 내용입니다.

간단히 말하면 HTML 문서 전체는 태그로 구성됩니다. HTML 문서의 태그는 문서 작성을 위한 고정된 프레임워크를 구성하며 이 프레임워크에 내용만 채우면 됩니다.