概述
网页的概念
标签
<title>网页标题</title>
标签放在一对尖括号里面(比如< title >),大多数标签都是成对出现的,分成开始标签和结束标签,结束标签在标签名之前加斜杠(比如< /title >)。但是,也有一些标签不是成对使用,而是只有开始标签,没有结束标签。
元素
<div><p>hello world</p></div>
标签是源码角度来看,元素是从编程角度来看,比如< p >标签对应网页的 p 元素。
属性
<img src="demo.jpg" width="500">
如上所示< img >标签有两个属性:src 和 width
注释
<!-- -->
HTML 代码可以包含注释,浏览器会自动忽略注释。注释以< !-- 开头,以 – > 结尾。注释有助于理解代码的含义,复杂的代码块前面最好加上注释。
文本标签
- < div >是一个通用该标签,表示一个区块(division)。
- < span >是一个通用目的的行内标签(既不会产生换行),不带有任何含义。
- < p >标签是一个块级元素,代表文章的一个段落。
- < br > 让网页产生一个换行效果。该标签是单独使用的,没有闭合标签。
- < hr >用来在一篇文章中分割两个不同的主题,浏览器会将其渲染为一根水平线。该标签是单独使用的,没有闭合标签。
- < strong >是一个行内元素,表示它包含的内容具有很强的重要性,需要引起注意。浏览器会以粗体显示内容。
- < b >与< sttrong >很相似,它没有语义,是一个纯样式的标签。
- < em > 是一个行内标签,表示强调(emphasize),浏览器会以斜体显示它包含的内容。
- < i > 标签与< em >相似
网页的基本标签
- < !DOCTYPE html > 通常是网页的第一个标签,也是文档类型,告诉浏览器如何解析网页。
- < html > 标签是网页的顶层容器,也称为根元素(root element),其他元素都是它的子元素。一个网页只能有一个< html > 标签。
- < head > 标签是一个容器标签,用于放置网页的元信息。
- < meta > 标签用于设置或说明网页的元数据,必须放在< head > 里面。一个< meta > 标签就是一项元数据,网页可以有多个< meta >。
- < title >标签用于指定网页的标题,会显示在浏览器窗口的标题栏。
- < body > 标签是一个容器标签,用于放置网页的主要内容。
链接标签
链接通过< a >标签显示,用户点击后,浏览器会跳转到指定的网址。
图片标签
< img > 标签用于插入图片
列表标签
- < ol > 标签是一个有序列表容器(ordered list),会在内部的列表项前面产生数字编码。
- < ul > 标签是一个无序列表容器(unordered list),会在内部的列表项前面产生实心小圆点。
- < dl > 标签是一个块级元素,表示一组术语的列表(description list)。
表单标签
< form > 标签用来定义一个表单,所有表单内容放到这个容器元素之中。
最后
以上就是完美大侠为你收集整理的网页的概念的全部内容,希望文章能够帮你解决网页的概念所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复