HTML 연구 노트 (1)

HTML (HTML)

간략한 소개

  • 표준 언어는 웹 페이지를 만드는 데 사용됩니다
  • HTML은 프로그래밍 언어, 그러나 아니다 태그 언어

기초

표제

<h1>-<h6>来定义

수평

<hr>

주의

<!--这是一个注释-->

<!--段落-->
<p></p>
<!--换行-->
<br>  :    <p>这个<br>段落<br>演示了分行的效果</p>

링크

<a href="url">链接文本</a>
링크 속성
표적

대상은 링크 된 문서를 사용하여 정의 할 수있는 표시됩니다

<!--target="_blank"使得网址在新的窗口打开-->
<a href="https://www.runoob.com" target="_blank" >swdassd</a>
id 속성
<!--在HTML中插入ID-->
<a id="one">小哥哥,来呀</a>
<!--在HTML中创建一个链接跳到“id=“one””-->
<a href="#one">点点我</a>
<!--从另一个页面创建一个来凝结到id=“one”处-->
<a href="https://www.runoob.com#one">爸爸</a>

영상

<img src="" width="" height=""/>

재산

속성은 키 - 값 쌍의 형태로 항상

일반적으로 사용됩니다

  • (클래스 이름 패턴 파일로부터 도입되는) HTML 요소에 대한 하나 이상의 클래스의 클래스 이름 (클래스 명)을 한정
  • ID ID의 정의의 유일한 요소
  • 스타일 요소 인라인 스타일 제공
  • (a 툴바로서 사용) 상기 추가 타이틀 정보 요소

HTML 헤드

헤드 요소

이 레이블 요소의 머리의 모든 요소가 포함되어 있습니다. 요소에서는 스크립트 (스크립트), 스타일 파일 (CSS), 각종 메타 정보를 삽입 할 수 있습니다.

요소 태그가의 당신은 머리 지역에 추가 할 수 있습니다 : ,

제목 요소

다른 제목 태그는 문서의 제목을 정의합니다.

HTML / XHTML 문서의 제목은 필수입니다.

기본 요소

기본 레이블은 기본 링크 주소 / 링크 대상, 기본 링크의 HTML 문서 모든 링크 태그와 라벨을 설명합니다 :

<head>
		<meta charset="utf-8">
		<title>Title</title>
		<!--没有跳转链接,就默认此方式-->
		<base href="http://www.runoob.com" target="_blank">
</head>

링크 요소

링크 태그는 문서와 외부 자원 사이의 관계를 정의합니다.

링크 태그는 일반적으로 스타일 시트에 연결하는 데 사용됩니다 :

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

스타일 요소

스타일 태그 주소를 참조하는 스타일 파일을 HTML 문서를 정의합니다.

스타일 요소에서 당신은 직접 HTML 문서를 렌더링하는 스타일을 추가 할 수 있습니다 :

<!--页面颜色-->
<style type="text/css">
			body {background-color:yellow}
			p {color:blue}
</style>

메타 요소

메타 태그는 몇 가지 기본적인 메타 데이터를 설명합니다.

메타 태그는 메타 데이터를 제공합니다. 메타 데이터는 페이지에 표시되지 않지만, 브라우저에 의해 구문 분석됩니다.

마지막으로 수정 META 요소는 일반적으로 페이지 설명, 키워드, 파일, 저자, 및 기타 메타 데이터를 지정하는 데 사용됩니다.

메타 데이터는 브라우저 (내용 또는 다시로드 페이지를 표시하는 방법) 엔진 (키워드) 검색하거나 다른 웹 서비스에서 사용할 수 있습니다.

사용 사례

<!--为搜索引擎定义关键词:-->
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<!--为网页定义描述内容:-->
<meta name="description" content="免费 Web & 编程 教程">
<!--定义网页作者:-->
<meta name="author" content="Runoob">
<!--每30秒钟刷新当前页面:-->
<meta http-equiv="refresh" content="30">

스크립트 요소

스크립트 태그는 같은 스크립트 파일을로드 : 자바 스크립트.

发布了158 篇原创文章 · 获赞 84 · 访问量 7万+

추천

출처blog.csdn.net/qq_40301026/article/details/104526089