简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

웹페이지 제작(html)의 기본지식 (1) html의 첫 번째 이해와 속성

零下一度
풀어 주다： 2017-05-05 13:57:36
원래의
1054명이 탐색했습니다.

1: HTML 첫 소개

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
로그인 후 복사

예제 설명

페이지

와 사이의 텍스트가 표시됩니다. 페이지 내용

사이의 텍스트가 제목으로 표시됩니다.

및

는 단락으로 표시됩니다.

1.1HTML은 웹페이지를 설명하는 데 사용되는 언어입니다.

HTML은 하이퍼텍스트 마크업 언어(HyperTextMarkupLanguage)를 말합니다

HTML은 프로그래밍 언어가 아니고 마크업 언어(markup Language)입니다

마크업 언어

HTML은 마크업 태그를 사용하여 웹 페이지를 설명합니다.

1.2HTML 마크업 태그는 HTML 태그(HTML 태그)라고도 합니다.

HTML 태그는 와 같이 꺾쇠괄호로 묶인 키워드입니다.

HTML 태그는 일반적으로 b>

태그 쌍의 첫 번째 태그가 시작 태그이고 두 번째 태그가 종료 태그입니다

시작 태그와 종료 태그를 열기 태그, 닫기 태그라고도 합니다

1.3HTML 링크

HTML 링크는 태그를 통해 정의됩니다. 

<html>
<body>

<a href="http://www.w3school.com.cn">
This is a link</a>

</body>
</html>
로그인 후 복사


참고: href 속성에 링크 주소를 지정하세요.

1.4 HTML 이미지

HTML 이미지는 태그를 통해 정의됩니다. 

<html>
<body>

<img src="/i/eg_w3school.gif" width="300" height="120" />

</body>
</html>
로그인 후 복사

참고: 이미지의 이름과 크기가 속성으로 제공됩니다.

2: html 속성

HTML 태그는 속성을 가질 수 있습니다. 속성은 HTML 요소에 대한 추가 정보를 제공합니다.

속성은 항상 이름/값 쌍으로 표시됩니다(예: name="value").

속성은 항상 HTML 요소의 여는 태그에 지정됩니다.

2.1 속성 예

HTML 링크는 태그로 정의됩니다. 링크의 주소는 href 속성에 지정됩니다.

추가 HTML 속성 예

속성 예 1:

에는 정렬에 대한 추가 정보가 있습니다.

TIY: 제목 중앙

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"www.php.cn/TR/html4/loose.dtd">

<html>

<body>

<h1 align="center">This is heading 1</h1>

<p>上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。</p>

</body>
</html>
로그인 후 복사

속성 예 2:

에는 배경색에 대한 추가 정보가 있습니다.

TIY: 배경색

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Language" content="zh-cn" />
</head>

<body bgcolor="yellow">
<h2>请看: 改变了颜色的背景。</h2>
</body>

</html>
로그인 후 복사

속성 예 3:

(HTML 표에 대한 자세한 내용은 이후 장에서 배우게 됩니다.)

에는 표 테두리에 대한 추가 정보가 있습니다.

속성 값은 항상 인용부호로 묶어야 합니다.

속성 값은 항상 인용부호로 묶어야 합니다. 가장 일반적으로 사용되는 것은 큰따옴표이지만 작은따옴표를 사용해도 문제가 없습니다.

속성 값 자체에 큰따옴표가 포함된 경우와 같은 일부 개별적인 경우에는 작은따옴표를 사용해야 합니다. 예: 

name=&#39;Bill "HelloWorld" Gates&#39;
로그인 후 복사

[관련 권장사항]

1 무료 html 온라인 동영상 튜토리얼

2. html 개발 매뉴얼

php.cn 원본 html5 동영상 튜토리얼

위 내용은 웹페이지 제작(html)의 기본지식 (1) html의 첫 번째 이해와 속성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨：
网页制作，属性，html
원천：php.cn
이전 기사：마스터해야 할 기본 HTML 지식 다음 기사：웹 페이지 제작의 기본 지식(html) (2) 기본 조작
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
잡히지 않은 TypeError: 정의되지 않은 속성을 설정할 수 없습니다('innerHTML' 설정). "Continuous TextBox"(내 클래스에 의해 정의됨) 클래스의 요소에서 PHP를 사용하여 웹 페이지를 만들려고 합니다. 클릭하면 다른...
에서 2023-11-08 21:06:09
0
1
278
Laravel Breeze를 설치하는 동안 Laravel Mix 오류가 발생했습니다. 새로운 Laravel 애플리케이션에 LaravelBreeze를 설치하려고 합니다. 모든 것이 잘 작동하지만 콘솔에 npmrundev를 입력하면 다음 오류가 계속 ...
에서 2023-11-07 23:05:02
0
1
299
PHP를 사용하여 Google Analytics Data API(GA4)에서 여러 필터를 사용하는 방법 이것이 첫 번째 질문입니다. 커뮤니티 규칙을 따르도록 노력하겠습니다. PHP를 사용하여 GoogleAnalyticsDataAPI(GA4)에서 여러 필터를 사용하려...
에서 2023-11-04 14:39:38
0
1
188
상대적으로 배치된 상단이 예상대로 작동하지 않음 라벨이 와 형제일 때 top 속성이 작동하지 않는 이유는 무엇입니까? 하지만 라벨을 제거하면 작동합니다. html,body{height:100%;}img{posi...
에서 2023-10-29 21:02:46
0
1
236
Vue JS 라우터: 리디렉션 시 페이지 새로고침 Login.vue 및 Home.vue 파일이 포함된 애플리케이션이 있습니다. 관리 HTML 웹사이트를 vue3 애플리케이션으로 변환 중이기 때문에 내 자바스크립트...
에서 2023-10-26 11:53:46
0
2
188
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！