지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > HTML 튜토리얼 > 본문

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

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

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으로 문의하세요.
저자별 최신 기사
최신 이슈
페이지가 갑자기 CSS나 부트스트랩을 가져올 수 없습니다. 그래서 저는 페이지를 개발 중입니다. 어제 일부 작업을 했는데 잘 작동했고, 오늘은 나머지 작업을 계속했는데 모든 것이 괜찮습니다. 일반 HTML 페이지로 열려고...
에서 2024-04-06 21:58:04
0
1
800
CSS에서 부동 요소를 수평이 아닌 수직으로 쌓는 방법은 무엇입니까? 한쪽에는 기본 콘텐츠가 있고 다른 한쪽에는 추가 콘텐츠가 있는 두 개의 열로 구성된 웹페이지를 만들려고 합니다. 하지만 float 속성을 사용하여 추가 열을 왼쪽...
에서 2024-04-06 20:45:26
0
2
386
CSS에서 페이지 하단의 신비한 공백을 해결하는 방법 Bootstrap과 D3를 사용하여 간단한 웹페이지를 구축하려고 하는데 하단의 공백을 모두 없애는 방법을 모르겠습니다. 나는 그것을 제거하고 싶다. 본문과 HTM...
에서 2024-04-06 20:22:15
0
1
454
사이트에 CSS 스타일이 적용되지 않음 Bootstrap5를 사용하여 웹사이트를 만들고 있는데 index.css 속성이 index.html에 적용되지 않습니다. 서비스 카드 위로 마우스를 가져가면 배경...
에서 2024-04-06 17:12:23
0
1
336
스크롤 배경 이미지의 불투명도를 낮추고 최소 불투명도를 제한합니다. 스크롤할 때의 불투명도를 줄이고 랜딩 페이지에서 멀어질 때 배경 이미지를 가져오려고 합니다. 바닐라 자바스크립트를 사용하여 불투명도를 최소 0.5로 낮추려고 합니...
에서 2024-04-04 23:50:53
0
1
1329
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿