HTML 기초 HTML 구조 _HTML/Xhtml_웹페이지 제작

HTML 파일이란 무엇입니까?
HTML은 Hyper Text Markup Language의 약자입니다.
HTML 파일은 마크업이 포함된 텍스트 파일입니다.
이러한 태그는 브라우저에 이 페이지가 표시되는 속도를 높여줍니다.
HTML 파일은 htm 또는 html 확장자를 가져야 합니다.
간단한 텍스트 편집기를 사용하여 HTML 파일을 만들 수 있습니다.


먼저 HTML 언어에 대해 간략히 소개하겠습니다. (우리가 여기서 가르치고자 하는 것은 이를 실제로 사용할 수 있도록 하는 것입니다.) HTML은 인터넷의 보편적 언어이며 간단하고 보편적입니다. 올인원 마크업 언어. 이를 통해 웹 페이지 제작자는 텍스트와 이미지가 결합된 복잡한 페이지를 만들 수 있으며, 이러한 페이지는 사용되는 컴퓨터나 브라우저 유형에 관계없이 인터넷상의 다른 사람이 볼 수 있습니다. 그것은 마법적인 것입니까? 전혀 마법적이지 않습니다. 왜냐하면 지금 보고 있는 것은 이 언어로 쓰여진 페이지이기 때문입니다.

예, HTML은 그다지 마술적이지 않습니다. 단지 여러분이 잘 이해하지 못하기 때문입니다. 이제 그 베일을 벗기 시작하고 먼저 HTML의 구조를 소개하겠습니다.

의 구조 HTML
(머리, 눈, 몸 ---- 사람같죠?)

1. 머리. 영어를 공부한 이상 영어로 헤더 쓰는 법은 알아야겠죠! 예, HEAD이면 충분합니다. 따라서 헤드의 HTML 작성 방법은 헤드의 내용입니다. 간단합니다. 여러분, 주의하세요. 이 두 가지는 매우 유사하지만 후자가 더 많습니다. 이전 것보다." /"기호. 앞으로는 이런 것들이 자주 쓰이게 될 것입니다.

2. 인간의 눈과 마찬가지로 눈은 영혼의 창이며, 웹 페이지의 눈은 페이지 제목이 되어야 합니다. 제목, 응! 눈이 머리에 있다는 것은 누구나 알고 있으므로 은 와 사이에 배치되어야 합니다. 즉,


3. 본문은 웹 페이지에서 가장 중요한 부분입니다. 위에서 언급한 내용은 페이지에 표시되는 내용이 아니며, 여러분이 보는 페이지는 본문 부분이기 때문입니다(물론 TITLE은 페이지의 왼쪽 상단에서 볼 수 있습니다). browser) to), body ---- BODY, 그의 작성 방법은 다음과 같습니다: 페이지 콘텐츠마지막으로 이 부분들을 하나의 ---- 웹 페이지로 결합하는 것을 잊지 마세요. Wrap을 사용합니다.
자, 웹페이지의 구조를 전반적으로 살펴보겠습니다.

코드 복사코드

<본문> 이것은 내 첫 번째 홈페이지입니다. 이 텍스트는 굵은 글씨입니다

팁: 실행하기 전에 코드의 일부를 수정할 수 있습니다.
이 파일을 "mypage.htm"으로 저장하세요.
파일을 직접 두 번 클릭하거나 브라우저를 시작하세요. -> 파일 메뉴에서 "열기"(또는 "페이지 열기")를 선택하면 대화 상자가 나타납니다. -> 파일" ) -> 방금 생성한 HTML 파일인 "mypage.htm"을 찾아서 선택하고 "열기"를 클릭합니다. -> 그런 다음 대화 상자에 이 파일의 주소가 표시됩니다(예: " C:MyDocumentsmypage.htm" -> "확인"을 클릭하면 브라우저에 이 페이지가 표시됩니다.


HTML 편집기 정보:
Frontpage, dreamwaver 등 일부 WYSIWYG 편집기를 사용하면 일반 텍스트로 코드를 작성하지 않고도 쉽게 페이지를 만들 수 있습니다.
그러나 숙련된 웹 개발자가 되고 싶다면 HTML의 기본을 배우는 데 도움이 되는 일반 텍스트 편집기로 코드를 작성하는 것이 좋습니다.

FAQ
Q: HTML 파일 작성을 완료했는데 브라우저에서 결과를 볼 수 없습니다. 왜 그렇습니까?
A: 파일을 저장하고 올바른 파일 이름과 확장자를 사용했는지 확인하세요(예: "c:mypage.htm"). 브라우저로 열 때 동일한 파일 이름을 사용하는지 확인하세요.
Q: HTML 파일을 편집했는데, 브라우저에 수정 결과가 표시되지 않습니다. 왜 그렇습니까?
답: 브라우저는 동일한 페이지를 두 번 읽을 필요가 없도록 페이지를 캐시합니다. 브라우저는 귀하가 이 페이지를 수정했다는 사실을 모릅니다. 브라우저가 편집된 페이지를 강제로 읽도록 하려면 "새로 고침/새로 고침" 버튼을 사용하십시오.

관련 라벨：

html 基础

원천：php.cn

이전 기사：html 태그 a_HTML/Xhtml_Web 페이지 제작의 target 속성 활용 다음 기사：dl, dt, dd는 언제 사용하기에 적합합니까? _HTML/Xhtml_웹페이지 제작

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

• NullPointerException은 무엇이며 어떻게 해결합니까?
  2024-10-22 09:46:29
• 초보자에서 코더까지: C 기초로 시작되는 여정
  2024-10-13 13:53:41
• PHP로 웹 개발 잠금 해제: 초보자 가이드
  2024-10-12 12:15:51
• C에 대한 이해: 새로운 프로그래머를 위한 명확하고 간단한 길
  2024-10-11 22:47:31
• 코딩 잠재력 발휘: 완전 초보자를 위한 C 프로그래밍
  2024-10-11 19:36:51
• 내면의 프로그래머를 깨워보세요: 완전 초보자를 위한 C
  2024-10-11 15:50:41
• C로 일상을 자동화하세요: 초보자를 위한 스크립트 및 도구
  2024-10-11 15:07:41
• PHP가 쉬워졌습니다: 웹 개발의 첫 번째 단계
  2024-10-11 14:21:21
• Python으로 무엇이든 빌드하기: 창의력을 발휘하기 위한 초보자 가이드
  2024-10-11 12:59:11
• 코딩의 핵심: 초보자를 위한 Python의 힘 활용
  2024-10-11 12:17:31

최신 이슈

PX가 REM 오류로 자동 변환  <style>html {   글꼴 크기: calc(100vw / 3.75);      }body {    글꼴 크기: 0.16rem;      }&l...

에서 2024-04-16 09:34:16

0

0

4687

페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...

에서 2024-04-06 21:58:04

0

1

800

CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...

에서 2024-04-06 20:22:15

0

1

454

Livewire 게으른 자리 표시자와 함께 laravel 구성 요소를 사용하는 방법 livewire3 자리 표시자 안에 내 laravel 구성 요소의 뼈대를 추가하고 싶습니다. 지금까지 시도한 작업: Laravel 구성 요소를 포함하는 Livew...

에서 2024-04-06 20:02:10

0

2

543

문자열을 HTML 코드(배열에서 생성됨)로 바꾸는 최상위 방법 다음과 같은 문자열이 주어지면...$htmlPattern="Usernameis:#name#andusercompanyis#company#";하위 ...

에서 2024-04-06 17:40:41

0

2

410

관련 주제

더>

• HTML 저작권 기호
• HTML 온라인 편집기
• html 웹페이지 제작
• HTML 공간
• HTML이 무엇인가요?
• HTML 글꼴 크기를 설정하는 방법
• HTML을 TXT로
• HTML 텍스트 상자 코드를 작성하는 방법