>  기사  >  웹 프론트엔드  >  웹페이지 제작(html)의 기본지식 (1) html의 첫 번째 이해와 속성

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

零下一度
零下一度원래의
2017-05-05 13:57:361102검색

1: HTML 첫 소개

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

예제 설명

100db36a723c770d327fc0aef2ce13b1 페이지

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

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

e388a4556c0f65e1904146cc1a846bee 및 94b3e26ee717c64999d7867364b1b4a3는 단락으로 표시됩니다.

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

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

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

마크업 언어

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

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

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

HTML 태그는 일반적으로 a4b561c25d9afb9ac8dc4d70affff419 b>

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

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

1.3HTML 링크

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

<html>
<body>

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

</body>
</html>


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

1.4 HTML 이미지

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

<html>
<body>

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

</body>
</html>

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

2: html 속성

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

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

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

2.1 속성 예

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

추가 HTML 속성 예

속성 예 1:

4a249f0d628e2318394fd9b75b4636b1

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

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:

6c04bd5ca3fcae76e30b72ad730ca86d

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

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:

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

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

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

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

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

name=&#39;Bill "HelloWorld" Gates&#39;

[관련 권장사항]

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

2. html 개발 매뉴얼

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

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

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