HTML을 빨리 배우는 방법-HTML 튜토리얼-php.cn

HTML을 빨리 배우는 방법

迷茫

풀어 주다： 2017-01-16 14:16:56

원래의

2224명이 탐색했습니다.

html을 빨리 배우는 방법은?

먼저 HTML이 무엇인지 알아야 합니다. 정식 영어 이름은
HyperText Markup Language

보통 Hypertext Markup Language

여기서, 하이퍼텍스트 마크업 언어에 대해 다시 한번 헷갈리실 거라 생각합니다. 마크업 언어는 비논리적이어서 배우기가 매우 쉽습니다.

다음 HTML의 기본 구조를 살펴보겠습니다

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>

로그인 후 복사

Html의 태그는 모두 쌍으로 나타나며, 이를 시작 태그와 종료 태그라고 합니다.

문서가 html 유형임을 선언합니다.

우리가 일반적으로 head 태그라고 부르는 Head 태그에는 일반적으로 코딩, 웹 페이지 제목 또는 외부 CSS 스타일 파일을 넣습니다. , 스크립트 파일 등!

어떻게 작성하는지 살펴보겠습니다

(1) 인코딩 설정

<meta charset=”utf-8”>

로그인 후 복사

(2) 웹페이지 제목 설정

<title>php中文网</title>

로그인 후 복사

(3 ) 외부 스타일 소개

<link rel="stylesheet" type="text/css" href="">

로그인 후 복사

(4) 외부 js 파일 소개

<script type="text/javascript" src="demo.js"></script>

로그인 후 복사

실제로 이러한 내용은 HTML에 글꼴 등 일부 내장 스타일이 있지만 이러한 내용은 고정되어 있습니다. 웹페이지의 요구사항이 전혀 만족스럽지 않아서 CSS의 기본지식을 익히는 방법을 알려드리겠습니다. 웹페이지 레이아웃을 개발하는 방법은 두 가지가 있습니다.

하나는 오래되었지만 상대적으로 간단한 레이아웃입니다. 만들 때 DW를 사용할 필요가 없습니다. dw는 시각적 작업이며 코드를 거의 작성하지 않아 개발에 도움이 되지 않으므로 다른 컴파일러를 사용하여 순수하게 코드를 작성할 수 있습니다. 쓰면 쓸수록 자연스럽게 기억날 거예요. 테이블 레이아웃을 살펴보겠습니다. 테이블 행 tr의 코드입니다. 행에 대해 이야기할 때 누구나 열을 떠올려야 합니다. 테이블에서는 열을 셀이라고 부르는데, 이는 td

다음 예를 보세요

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<table cellspacing="0" cellpadding="0" border="1" width="300" height="100">
<tr>
<th>姓名</th>
<th>籍贯</th>
<th>年龄</th>
</tr>
<tr>
<td>张明</td>
<td>湖北</td>
<td>23</td>
</tr>
</table>
</body>
</html>

로그인 후 복사

cellspacing="0" cellpadding="0" 이 두 문장을 쓰지 않으면 셀 사이의 경계선에 틈이 생길 것입니다. 테스트해볼 수 있어요!