> 웹 프론트엔드 > H5 튜토리얼 > HTML을 시작하기 위해 알아야 할 모든 것

HTML을 시작하기 위해 알아야 할 모든 것

php中世界最好的语言
풀어 주다: 2018-03-09 10:11:28
원래의
1847명이 탐색했습니다.

이번에는 HTML을 시작할 때 꼭 알아야 할 주의 사항에 대해 알려드리겠습니다. 실제 사례를 살펴보겠습니다.

1. 소개

1. 하이퍼 텍스트 마크 언어(Hyper Text Mark Language)는 웹 페이지를 생성하기 위한 표준 마크업 언어로, 브라우저에서 이를 구문 분석합니다.

2. 문서 접미사는 ​​.html 또는 htm이며 html 파일은 웹 페이지라고도 합니다.

3. HTML은 공백, 캐리지 리턴 및 탭을 지원하지 않으며 공백 문자로 구문 분석됩니다.

4. HTML 태그는 일반적으로 data

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)

그림 태그

요소가 포함될 수 있습니다. 7) 테이블 태그

1 <img>
2 <area>                 定义带有可点击区域的图像,可有shape,coords等属性,来画各种图形
3 <map></map>            带有可点击区域图像映射,必须有name属性,中间可包含area元素;
로그인 후 복사

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

관련 읽기:

React를 사용하여 그림 캐러셀 구성 요소 완성


및 단락

을 사용하여 Sanmao 인용문 작성하기

위 내용은 HTML을 시작하기 위해 알아야 할 모든 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿