html cheat sheet quick guide html tags
이 포괄적 인 HTML 치트 시트를 참조하여 코드 예제와 함께 일반적으로 사용되는 다양한 HTML 코딩 태그에 대해 알아보십시오.
튜토리얼을 시작하면서 먼저 HTML 언어가 무엇인지 이해하고 튜토리얼에서는 다양한 HTML 태그를 살펴볼 것입니다. 여기서는 HTML5에서 사용되는 일부 태그도 이해합니다.
이제 시작해서 먼저 HTML이 무엇인지 이해합시다.
학습 내용 :
HTML이란?
HTML은 Hyper Text Markup Language를 의미합니다. 이것은 1991 년 Tim Berners-Lee가 발명 한 마크 업 언어입니다. 간단히 말해서 이것이 웹 페이지의 콘텐츠가 어떻게 표시되는지를 설명하는 언어라고 말할 수 있습니다. 이를 위해 표시 할 텍스트가 포함 된 태그를 사용합니다. 브라우저는 이러한 태그를 해석하여 화면에 텍스트를 표시합니다.
HTML에 대한 많은 수정이 있었고 사용 가능한 최신 버전은 2014 년에 출시 된 HTML5입니다.
최고의 DVD 복사 소프트웨어는 무엇입니까
HTML 치트 시트 란?
HTML 치트 시트는 일반적으로 사용되는 HTML 태그 및 해당 속성을 나열하는 빠른 참조 가이드입니다. 태그는 일반적으로 쉽게 읽을 수 있도록 카테고리별로 분류됩니다.
HTML 태그
아래에서 태그를 다양한 카테고리로 그룹화했으며 예제와 함께 각 카테고리에 속하는 태그에 대해 알아볼 것입니다.
기본 태그
| 태그 | 목적 | ||
|---|---|---|---|
.... | 미리 서식이 지정된 텍스트 (간격, 줄 바꿈 및 글꼴이 유지됨) | HELLO Sam | HELLO Sam |
| ... | 이것은 모든 HTML 문서의 상위 태그 (루트 요소)입니다. 전체 HTML 코드 블록이이 태그 내에 포함됩니다. | ||
| ... | 이 태그는 제목 및 스타일 시트 링크 (있는 경우)와 같은 문서에 대한 일반 정보를 제공합니다. 이 정보는 웹 페이지에 표시되지 않습니다. | ||
| ... | 내 웹 페이지 | ||
| ... | 내 첫 웹 페이지 |
코드 스 니펫 :
My Web Page My First Web Page 산출:
내 웹 페이지
(브라우저의 제목 표시 줄에 표시됨)
내 첫 웹 페이지
(웹 페이지 콘텐츠로 표시)
메타 정보 태그
| 태그 | 목적 |
|---|---|
| | 웹 사이트의 기본 URL을 지정하는 데 사용됩니다. |
| | 게시 날짜, 작성자, 이름 등과 같은 정보가 포함됩니다. |
| | 웹 페이지의 모양과 관련된 정보를 포함합니다. |
| 주로 스타일 시트와 같은 외부 링크를 표시하는 데 사용됩니다. 빈 태그이며 속성 만 포함합니다. | |
| …. | 웹 페이지를 동적으로 만들기 위해 코드 조각을 추가하는 데 사용됩니다. |
코드 스 니펫 :
Rashmi’s Web Page Var a=10; This is Rashmi’s Web Page Content Area 산출:
Rashmi의 웹 페이지
(브라우저의 제목 표시 줄에 표시됨)
이것은 Rashmi의 웹 페이지 콘텐츠 영역입니다.
(웹 페이지 콘텐츠로 표시)
텍스트 서식 태그
| 꼬리표 | 목적 | 코드 스 니펫 | 산출 |
|---|---|---|---|
| .... | 텍스트를 굵게 만듭니다. | 안녕하세요 | 안녕하세요 |
| .... | 텍스트를 기울임 꼴로 만듭니다. | 안녕하세요 | 안녕하세요 |
| .... | 텍스트에 밑줄을 긋습니다. | 안녕하세요 | 안녕하세요 |
| .... | 텍스트를 지우십시오. | 안녕하세요 | 안녕하세요 |
| .... | 텍스트를 굵게 만듭니다. (동일 .. 꼬리표) | 안녕하세요 | 안녕하세요 |
| .... | 텍스트를 기울임 꼴로 만듭니다. (동일 .. 태그) | 안녕하세요 | 안녕하세요 |
| .... | 제목 태그-#의 범위는 1에서 6까지입니다. | 반면에 시작 또는 끝 태그는 HTML 태그라고합니다. 예: 또는 Q # 7) HTML에서 태그의 두 가지 유형은 무엇입니까? 클라이언트 서버와 웹 기반 애플리케이션의 차이점 대답: HTML Paired 및 Unpaired 또는 Singular 태그에는 두 가지 유형의 태그가 있습니다. 페어링 된 태그 – 이름에서 알 수 있듯이 이들은 2 개의 태그로 구성된 태그입니다. 하나는 여는 태그라고하고 다른 하나는 닫는 태그라고합니다. 예 :, 기타 페어링되지 않은 태그 – 이러한 태그는 단일 태그이며 여는 태그 만 있고 닫는 태그는 없습니다. 예를 들면 : Q # 8) 컨테이너 태그와 빈 태그의 차이점은 무엇입니까? 대답: 컨테이너 태그 여는 태그 뒤에 내용과 닫는 태그가있는 태그입니다. 예를 들면 : , 빈 태그 콘텐츠 및 / 또는 닫는 태그가없는 태그입니다. 예를 들면 : Q # 9) 가장 큰 제목 태그는 무엇입니까? 대답: HTML 태그에서 가장 큰 제목 태그입니다.Q # 10) HTML에서 선택 태그는 무엇입니까? 대답: Atag는 드롭 다운 목록을 만드는 데 사용됩니다. 사용자 입력이 수집되는 양식에서 가장 일반적으로 사용됩니다. 다음은 태그 출력과 함께 코드 스 니펫입니다. 또한이 태그의 공통 속성을 보여줍니다. 코드 스 니펫 : 산출: 결론이 기사가 HTML 치트 시트가 정확히 무엇인지 이해하기를 바랍니다. 목표는 자주 사용되는 다양한 HTML 태그에 대한 빠른 참조 가이드를 독자와 공유하는 것이 었습니다. 또한 기본 태그, 메타 정보 태그, 텍스트 서식 태그, 양식, 프레임, 목록, 이미지, 링크, 테이블 및 입력 태그도 보았습니다. 일반적으로 Select 및 Button과 같은 FORM 태그와 함께 사용되는 일부 태그도이 문서에서 다룹니다. 또한 HTML5에 도입 된 태그에 대해서도 배웠습니다. 각 태그에 대해 태그와 함께 사용되는 가장 일반적인 속성에 대해 학습하고 관련 코드 및 출력도 확인했습니다. 추천 도서
^
|
