웹 프런트 엔드 --- HTML 언어 기본 구문 및 태그 (day001)

HTML 개요

HTML (HyperTxet Markup Language)은 하이퍼 텍스트 언어입니다. 하이퍼 텍스트 언어는 페이지에 그림 및 기타 콘텐츠가 포함될 수 있음을 의미합니다. HTML은 많은 태그로 구성됩니다.

HTML 언어는 브라우저를 통해 브라우저에 표시해야하는 콘텐츠를 표시합니다.

기본 HTML 구문

html의 기본 형식은 다음과 같습니다.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
	</body>
</html>


상표

HTML 언어를 배우려면 먼저 태그 사용법을 배워야합니다.

라벨의 구체적인 구조는 다음과 같습니다.

1. <태그 구조> 태그 내용 </ 태그 이름> (이 유형의 태그는 시작과 꼬리가있는 닫힌 태그라고하며 이중 태그라고도합니다.)

2. <태그 이름 /> (이런 종류의 태그를 자동 닫는 태그라고합니다. 꼬리가 하나뿐입니다. 단일 태그라고도합니다.)

3. 태그의 속성 : 태그는 속성을 가질 수 있습니다. 속성은 레이블의 표시 또는 사용 특성을 자세히 설명합니다. 속성 형식 : 속성 이름 = "속성 값". 속성의 위치 : <태그 이름 속성 이름 = "속성 값"> xxx </ 태그 이름>. 여러 속성 추가 : <태그 이름 속성 이름 = "속성 값"속성 이름 = "속성 값"> xxx </ 태그 이름>.

<!DOCTYPE html>사용 된 언어의 선언입니다.

<head>헤더 태그이므로 헤더 태그에 다른 태그를 쓸 수 있습니다.

<meta>HTML 웹 페이지의 속성을 설명하는 데 사용되는 태그입니다. ( <meta charset="utf-8">웹 문자 집합 인코딩을 설정합니다.)

<link> 태그는 문서와 외부 리소스 간의 관계를 정의하며 가장 일반적인 용도는 스타일 시트를 연결하는 것입니다.

<title>태그는 페이지 제목을 쓰는 데 사용됩니다.

<body>웹 페이지의 본문이며 웹 페이지의 내용은 본문에 기록됩니다. 웹 페이지의 속성을 변경하려면 본문에서 할 수 있습니다.

<!--注释内容-->,이 태그는 주석을 작성하는 데 사용됩니다.

<h1>,<h2>....<h6>제목 태그. (h1에서 h6의 글꼴 크기는 순서대로 감소합니다.)

<p></p>단락 태그 : 태그 <p>의 텍스트는 기본적으로 한 줄에 표시되며 단락 사이에 공백이 있습니다.

<br/>줄 바꿈 레이블 이름에서 알 수 있듯이 줄 바꿈 역할을하며 커서가 즉시 다음 줄로 이동합니다. 즉, 이전 줄 사이에 공백이 없습니다.

<ol><ol/>정렬 된 목록. type 속성을 사용하여 정렬에 사용되는 문자를 변경할 수 있습니다.

<ul><ul/>정렬되지 않은 목록입니다. type 속성을 사용하여 변경하거나 숨길 수도 있습니다.

<li><li/>목록의 행

<a><a/>하이퍼 링크 태그 인 HTML은 하이퍼 링크를 사용하여 인터넷에있는 다른 문서에 연결합니다. 일반적으로는 링크를 통해 다른 웹 리소스에 액세스하는 것입니다.

사용법 : <a href="http://www,baidu.com">또는 <a href="http://www,baidu.com" target="_slef" >(참고 : 하이퍼 링크를 열면 새 창이 현재 창을 덮습니다. 그러나 <a href="http://www,baidu.com" target="_blank">현재 창을 덮지 않고 새 창을 만듭니다.)

앵커 포인트 정의 (긴 웹 페이지에서 해당 레이블로 빠르게 이동하는 데 사용됨) :
<a name="锚点名称"></a>
하이퍼 링크 점프를위한 앵커 포인트를 지정합니다.
<a href="#锚点名称"></a>

<img/>이미지 태그입니다. 이름에서 알 수 있듯이 이미지 태그를 삽입합니다.<imgsrc="/=路径/图片"width="宽度" height="高度" border="边框厚度" alt="图片不能正常显示时对图片的描述。"/>

참고 : 이미지 링크의 예 :

<body>
    <a href="http://www.baidu.com">
   		<img src="img/baidu.jpg" width="180" height="95" border="0"/>
    </a>请点打开百度
</body>
       

일반적으로 사용되는 특수 기호 전송 : 1. 미만 <: & lt. 2.보다 큼 기호> :>. 3. 저작권 (오른쪽 상단 모서리에있는 작은 c) : & copy. 4. 상표 (TM) : & trade. 5. 공간 : & nbsp. 6. 등록 상표 (R) : & reg.

저자 연락처 :
qq945677662
vxa2482466921
오류가 있으면 수정을 도와주세요. 함께 소통합시다.

추천

출처blog.csdn.net/qq_23998145/article/details/109168111