HTML+CSS 기본 HTML 태그로 쉽게 시작하기 (2)

하이퍼링크

형식: <a href=''></a>

다음 예:

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<a href="php.cn">php中文网</a>
</body>
</html>

참고: href는 Baidu, Taobao 등과 같은 href="link to place" 태그의 필수 속성입니다.

빈 링크란 무엇인가요?

빈 링크를 작성하려면 # 키를 사용하세요

코드는 다음과 같습니다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		<a href="#">php中文网</a>
</body>
</html>

이렇게 하면 링크를 클릭해도 응답이 없습니다.

CSS 스타일 태그 사용 방법

<style>< ;/style>

참고: style 태그는 헤더 파일에 작성되며, 코드는 다음과 같습니다

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style type="text/css">
			/*写入css样式*/
	</style>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

참고: type 속성은 필수이며 스타일의 내용을 정의합니다. 스타일 요소. 유일하게 가능한 값은 "text/css"입니다.

스크립트 코드 작성도 마찬가지입니다.

다음 코드와 같이

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript">
			//写入脚本代码
	</script>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

type 속성은 스크립트 유형을 지정합니다.

이미지 태그

<img> 태그는 다음 코드에 표시됩니다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
</head>
<body>
		欢迎来到php中文网
		<img src="images/1.jpg">
</body>
</html>

이 이미지가 있으면 표시됩니다.

외부 스타일이나 스크립트 소개

외부 스타일 소개, 예를 들어 스타일을 만듭니다. .css 파일을 사용하는 경우 현재 페이지에서는 다음 코드와 같이 style.css 파일

의 스타일을 사용합니다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
		欢迎来到php中文网
</body>
</html>

이런 방식으로 스타일

<을 도입했습니다. 🎜>

외부 스크립트 파일 소개

다음 코드가 표시됩니다.

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script type="text/javascript" src="index.js"></script>
</head>
<body>
		欢迎来到php中文网
</body>
</html>

지속적인 학습

새로운 파일

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> /*写入css样式*/ </style> </head> <body> 欢迎来到php中文网 </body> </html>

제출하다 코드 재설정

자동운전