HTML入门必知-H5教程-PHP中文网

首页

web前端

H5教程

HTML入门必知

php中世界最好的语言

Mar 09, 2018 am 10:11 AM

html入门

这次给大家带来HTML入门必知，HTML入门必知的注意事项有哪些，下面就是实战案例，一起来看一下。

一、简介

1、超文本标记语言（Hyper Text Mark Language），是一种创建网页的标准标记语言，由浏览器来解析。

2、文档后缀名为.html或htm，html文件也叫web页面；

3、HTML中不支持空格、回车、制表符，它们都会被解析成一个空白字符；

4、HTML标签通常是成对出现的,格式：b6868bec2c3a82e89af256f67eca2382dataa547c32f89c356844fdc839abfc46ca2;

5、只有6c04bd5ca3fcae76e30b72ad730ca86d 36cc49f0c466276486e50c850b7e4956标签内的内容才会在浏览器中显示；

6、HTML语言不区分大小写；

7、8696906cb4e06302a9b00ba4c3476132

8、helloworld!

<!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版本，不区分大小写

（二）文本格式标签

<strong> </strong>  加粗显示之间的文字，也可用<b></b>
<em> </em>       　　斜体，也可用<i></i>
<big> </big>        放大
<small> </small>    缩小
<sub> </sub>        下标文字
<sup> </sup>        上标文字
<ins> </ins>        下划线
<del> </del>        删除线

（三）引文、引用及标签定义

<abbr> </abbr>        　　　　缩写，被缩写的内容用title属性来体现
<address> </address>　　　　　定义地址，通常被包含在<footer>元素的其他信息中
<bdo> </bdo>       　　　　   定义文字方向，默认值为从左到右，可用dir="rtl"来改为从右到左显示
<blockquote> </blockquote>   定义长的引用，可用cite="URL"来规定引用的来源
<q> </q>           　　　　　　定义短的引用，属性cite
<cite> </cite>        　　　　定义引用、引证
<dfn> </dfn>       　　　　　　定义一个定义项目

（四）

1“计算机输出”标签1 <code> </code>      定义计算机代码
2 <kbd> </kbd>        定义键盘码
3 <samp> </samp>      定义计算机代码样本
4 <var> </var>        定义变量
5 <pre class="brush:php;toolbar:false">

定义预格式文本

（五）head元素内包可含元素

<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元素；

（七）表格标签

<table></table>        定义表格，表格的所有内容都应放在里边；属性border=“1”定义了边框大小
<caption></caption>    表格标题
<tr></tr>              表格每一行的内容；
<td></td>              一个单元格的内容；
<thead></thead>        表格第一行；
<th></th>           　　表头内容，即第一行每一格内容；
<tbody></tbody>        表格主体；
<tfoot></tfoot>        表格最后一行；
<colgroup></colgroup>  表格列的组；
<col></col>            表格列的属性；

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

相关阅读：

用React完成一个图片轮播组件

用4a249f0d628e2318394fd9b75b4636b1和段落e388a4556c0f65e1904146cc1a846bee 写一个三毛语录

以上是HTML入门必知的详细内容。更多信息请关注PHP中文网其他相关文章！

声明

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

H5：网络标准和技术的发展Apr 15, 2025 am 12:12 AM

Web标准和技术从HTML4、CSS2和简单的JavaScript演变至今，经历了显着的发展。 1)HTML5引入了Canvas、WebStorage等API，增强了Web应用的复杂性和互动性。 2)CSS3增加了动画和过渡功能，使页面效果更加丰富。 3)JavaScript通过Node.js和ES6的现代化语法，如箭头函数和类，提升了开发效率和代码可读性，这些变化推动了Web应用的性能优化和最佳实践的发展。

H5是HTML5的速记吗？探索细节Apr 14, 2025 am 12:05 AM

H5不仅仅是HTML5的简称，它代表了一个更广泛的现代网页开发技术生态：1.H5包括HTML5、CSS3、JavaScript及相关API和技术；2.它提供更丰富、互动、流畅的用户体验，能在多设备上无缝运行；3.使用H5技术栈可以创建响应式网页和复杂交互功能。

H5和HTML5：网络开发中常用的术语Apr 13, 2025 am 12:01 AM

H5与HTML5指的是同一个东西，即HTML5。HTML5是HTML的第五个版本，带来了语义化标签、多媒体支持、画布与图形、离线存储与本地存储等新功能，提升了网页的表现力和交互性。

H5指的是什么？探索上下文Apr 12, 2025 am 12:03 AM

H5referstoHTML5,apivotaltechnologyinwebdevelopment.1)HTML5introducesnewelementsandAPIsforrich,dynamicwebapplications.2)Itsupportsmultimediawithoutplugins,enhancinguserexperienceacrossdevices.3)SemanticelementsimprovecontentstructureandSEO.4)H5'srespo

H5：工具，框架和最佳实践Apr 11, 2025 am 12:11 AM

H5开发需要掌握的工具和框架包括Vue.js、React和Webpack。1.Vue.js适用于构建用户界面，支持组件化开发。2.React通过虚拟DOM优化页面渲染，适合复杂应用。3.Webpack用于模块打包，优化资源加载。

HTML5的遗产：当前了解H5Apr 10, 2025 am 09:28 AM

HTML5hassignificantlytransformedwebdevelopmentbyintroducingsemanticelements,enhancingmultimediasupport,andimprovingperformance.1)ItmadewebsitesmoreaccessibleandSEO-friendlywithsemanticelementslike,,and.2)HTML5introducednativeandtags,eliminatingthenee