이번에는 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>
<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">定义预格式文本
<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 중국어 웹사이트의 기타 관련 기사를 참조하세요!