HTML을 시작하기 위해 알아야 할 모든 것
이번에는 HTML을 시작할 때 꼭 알아야 할 주의 사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.
1. 소개
1. 하이퍼 텍스트 마크 언어(Hyper Text Mark Language)는 웹 페이지를 생성하기 위한 표준 마크업 언어로, 브라우저에서 이를 구문 분석합니다.
2. 문서 접미사는 .html 또는 htm이며 html 파일은 웹 페이지라고도 합니다.
3. HTML은 공백, 캐리지 리턴 및 탭을 지원하지 않으며 공백 문자로 구문 분석됩니다.
4. HTML 태그는 일반적으로
5 형식으로 표시됩니다.
태그 내의 콘텐츠만 브라우저에 표시됩니다. ;6. HTML 언어는 대소문자를 구분하지 않습니다.
7.
8. helloworld!
2. 기본
<!DOCTYPE html> <!--声明HEML版本--> <html> <head> <meta charset="utf-8"> <!--声明编码方式--> <title>helloworld!</title> </head> <body> helloworld! </body> </html>
2) 텍스트 형식 태그
<html> </html> HTML页面根元素 <head> </head> 包含文档的元数据(meta) <title> </title> 文档标题，存书签时也显示此内容 <body> </body> 包含了页面的可见内容 <h1> </h1> 大标题，往下每一级标题依次h2,h3的类推，最小标题是h6 <p> </p> 段落 <a href=""> </a> 链接，中间内容为显示内容，例：<a href="http://www.baidu.com">百度</a>；如果target="_blank"，链接会在新的窗口中打开 <img src="address" width="3" height="5" /> 图像，alt属性可在浏览器无法载入图像时显示文本 <iframe></iframe> 框架，使用src属性指向不同的URL，达到一个窗口显示多个页面的目的； <br> 换行符，属于一个空元素，即没有内容的元素，空元素是在开始标签中关闭的<br/> <hr> 分割线 <div> </div> 区块，可用于组合其他元素的容器；可使用它进行布局； <span> </span> 用来组合文档中的行内元素； <!doctype html> 声明html版本，不区分大小写
(3) 인용, 인용 및 태그 정의
<strong> </strong> 加粗显示之间的文字，也可用<b></b> <em> </em> 斜体，也可用<i></i> <big> </big> 放大 <small> </small> 缩小 <sub> </sub> 下标文字 <sup> </sup> 上标文字 <ins> </ins> 下划线 <del> </del> 删除线
(4)
<abbr> </abbr> 缩写，被缩写的内容用title属性来体现 <address> </address> 定义地址，通常被包含在<footer>元素的其他信息中 <bdo> </bdo> 定义文字方向，默认值为从左到右，可用dir="rtl"来改为从右到左显示 <blockquote> </blockquote> 定义长的引用，可用cite="URL"来规定引用的来源 <q> </q> 定义短的引用，属性cite <cite> </cite> 定义引用、引证 <dfn> </dfn> 定义一个定义项目
(5) 헤드 요소에는
1“计算机输出”标签1 <code> </code> 定义计算机代码 2 <kbd> </kbd> 定义键盘码 3 <samp> </samp> 定义计算机代码样本 4 <var> </var> 定义变量 5 <pre class="brush:php;toolbar:false">定义预格式文本
(6) 그림 태그
<title> </title>
<base> 定义了页面的默认链接地址，通过href属性来实现
<link> 定义了文档和外部资源的关系，通常可用rel,type,href等属性
<meta> 定义了文档中的元数据，可有name,content,charset等属性
<script></script> 用于加载脚本文件
<style></style> 定义了HTML文档的样式文件
1 <img> 2 <area> 定义带有可点击区域的图像，可有shape,coords等属性，来画各种图形 3 <map></map> 带有可点击区域图像映射，必须有name属性，中间可包含area元素；
이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!
관련 읽기:
React를 사용하여 그림 캐러셀 구성 요소 완성및 단락
을 사용하여 Sanmao 인용문 작성하기
위 내용은 HTML을 시작하기 위해 알아야 할 모든 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7518
15
1378
52
81
11
53
19
21
68
HTML의 테이블 테두리
Sep 04, 2024 pm 04:49 PM
HTML의 테이블 테두리 안내. 여기에서는 HTML의 테이블 테두리 예제를 사용하여 테이블 테두리를 정의하는 여러 가지 방법을 논의합니다.
HTML 여백-왼쪽
Sep 04, 2024 pm 04:48 PM
HTML 여백-왼쪽 안내. 여기에서는 HTML margin-left에 대한 간략한 개요와 코드 구현과 함께 예제를 논의합니다.
HTML의 중첩 테이블
Sep 04, 2024 pm 04:49 PM
HTML의 Nested Table에 대한 안내입니다. 여기에서는 각 예와 함께 테이블 내에 테이블을 만드는 방법을 설명합니다.
HTML 테이블 레이아웃
Sep 04, 2024 pm 04:54 PM
HTML 테이블 레이아웃 안내. 여기에서는 HTML 테이블 레이아웃의 값에 대해 예제 및 출력 n 세부 사항과 함께 논의합니다.
HTML 입력 자리 표시자
Sep 04, 2024 pm 04:54 PM
HTML 입력 자리 표시자 안내. 여기서는 코드 및 출력과 함께 HTML 입력 자리 표시자의 예를 논의합니다.
HTML 정렬 목록
Sep 04, 2024 pm 04:43 PM
HTML 순서 목록에 대한 안내입니다. 여기서는 HTML Ordered 목록 및 유형에 대한 소개와 각각의 예에 대해서도 설명합니다.
HTML에서 텍스트 이동
Sep 04, 2024 pm 04:45 PM
HTML에서 텍스트 이동 안내. 여기서는 Marquee 태그가 구문과 함께 작동하는 방식과 구현할 예제에 대해 소개합니다.
HTML 온클릭 버튼
Sep 04, 2024 pm 04:49 PM
HTML onclick 버튼에 대한 안내입니다. 여기에서는 각각의 소개, 작업, 예제 및 다양한 이벤트의 onclick 이벤트에 대해 설명합니다.
