HTML网页设计:二、网页的基本标签
网页的基本标签
HTML系列文章目录
- HTML网页设计:一、HTML的基本结构
- HTML网页设计:二、网页的基本标签
- HTML网页设计:三、图像标签之<img>标签
- HTML网页设计:四、超链接
- HTML网页设计:五、行内元素和块元素
- HTML网页设计:六、列表
- HTML网页设计:七、表格
- HTML网页设计:八、媒体元素
- HTML网页设计:九、网页的简单布局
- HTML网页设计:十、iframe内联框架
- HTML网页设计:十一、表单
文章目录
- 网页的基本标签
- HTML系列文章目录
- 1.标题标签
- 2.段落标签
- 3.换行标签
- 4.水平线标签
- 5.注释
- 6.特殊符号
1.标题标签
基本标题标签:一级标题最大,依次越来越小。
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题标签学习</title>
</head>
<body><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6>
</body>
</html>
网页显示如下:
2.段落标签
<p>段落</p>
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>段落标签学习</title>
</head>
<body><!-- 未使用段落标签 !-->我寻你千百度 又一岁荣枯可你从不在 灯火阑珊处我寻你千百度 日出到迟暮 一瓢江湖我沉浮<!-- 使用段落标签 !--><p>我寻你千百度 又一岁荣枯</p><p>可你从不在 灯火阑珊处</p><p> </p><p>我寻你千百度 日出到迟暮</p><p>一瓢江湖我沉浮</p>
</body>
</html>
网页显示如下:
3.换行标签
<br/>
<br>标签是空标签,即没有结束标签,因此<br>…</br>是错误的在xml里面必须要求写出<br/>因为xml要求所有的标签都必须关闭,后面加上/表示关闭标签。二者具有相同作用,但前者是老的html规范,而在新的规范W3C//DTD HTML 4.0要求一切都应象xml那样有结束符,以便严格规范。
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>换行标签学习</title>
</head>
<body><!-- 未使用换行标签 !-->我寻你千百度 又一岁荣枯可你从不在 灯火阑珊处我寻你千百度 日出到迟暮 一瓢江湖我沉浮<!-- 使用换行标签 !-->我寻你千百度 又一岁荣枯<br/>可你从不在 灯火阑珊处<br/><br/>我寻你千百度 日出到迟暮<br/> 一瓢江湖我沉浮<br/>
</body>
</html>
网页显示如下:
段落标签和换行标签的不同:在生成的网页中,段落段前段后具有间距,而换行每行之间没有间距。
4.水平线标签
<hr/>
在 HTML 中,<hr> 标签没有结束标签,在 XHTML 中,<hr> 必须被正确地关闭,比如<hr/>,同<br/>标签,为规范标准使用,需要在后面加一个反斜杠。
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>水平线标签学习</title>
</head>
<body>hello<hr/>world
</body>
</html>
网页显示如下:
5.注释
<!–这是一段注释。注释不会在浏览器中显示。–>】
dw中注释的快捷方式为选中要注释的内容按ctrl+shift+/
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注释标签学习</title>
</head>
<body><!--这是一段注释,不会再网页上显示。--><p>这是一个普通的段落。</p>这是一个普通的句子。<br/>这是一个普通的句子。<br/>
</body>
</html>
网页显示如下:
6.特殊符号
空格:
大于号>:>
小于号<:<
版权符号©:©
代码示例如下:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>特殊符号学习</title>
</head>
<body><!--空格-->空 格<br/><!--大于号-->x>y<br/><!--小于号-->1<2<br/><!--版权符号-->这是一个版权符号:©
</body>
</html>
网页显示如下:
HTML网页设计:二、网页的基本标签相关推荐
- 网页设计(五)——marquee标签
前言:好久没更新过CSDN博客了,现在从原来的OI,变成了一个科研工作者.最近打算把原来的一些资料整理一下,作为经验公开分享,希望能帮到更多默默努力耕耘的人~ 首先给出一些关于marquee标签的介绍 ...
- 32款网页设计和网页开发人员常用的Google chrome浏览器扩展程序
对于网页设计人员或网站开发者来说,更喜欢使用像FF的此类浏览器,原因是其具有强大的辅助插件,可以帮助网页制作与开发提高效率,那么同样对于Google Cchrome浏览器来说也是具有大量的此类插件,本 ...
- html颜色代码大全word,DIV+CSS网页设计之网页配色方案
DIV+CSS网页设计之网页配色方案合集包含了目前常用的网页设计配色方案及其分析,网站的色彩就像是人的外表一样,如果打扮得美观大方,就会给人一种魅力四射的感受,而不修边幅则让人感到粗糙毛草,因此,网页 ...
- 爱尚实训html入门基础篇,爱尚实训网页设计与网页制作的区别
爱尚实训网页设计与网页制作的区别 网页设计是将策划案中的内容.网站的主题模式,以及结合自己的认识通过艺术的手法表现出来而网页制作通常就是将网页设计师所设计出来的设计稿,按照W3C规范用html语言将其 ...
- 99套经典网页设计模版 网页设计模板 学习网页制作
99套经典网页设计模版 网页设计模板 学习网页制作 下载地址:http://download.csdn.net/detail/mekeji99886/7562211
- HTML5期末大作业:动漫网站设计——电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载
HTML5期末大作业:动漫网站设计--电影从你的全世界路过(4页) 网页设计作业 / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品,网页设计作业 / 动漫网页设计成品模板下载 常见网页设计作业 ...
- 我的网页设计(网页页面制作二)
嵌入网页页面制作出自个人的爱好,利用代码的编写融入产生web网页页面的应用效果,来进行页面的选择.搜索.这样可以大大的提高了参考者.浏览者的个人不同需要,从而也了解了对网页页面制作扩大范围和空间.也可 ...
- c语言课程网页设计HTML,网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程标准...
内容简介: 网页设计与制作(HTML+CSS+JavaScript)(张洪斌 刘万辉)课程标准 一.课程定位 本课程是软件技术专业的专业基础课程,是培养学生Web客户端静态页面设计能力的支撑课程. 本 ...
- div+css静态网页设计 web网页设计实例作业 ——中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板
web网页设计实例作业 --中国茶文化(30页) HTML网页制作作品 简单文化网页设计成品 dreamweaver学生网站模板 常见网页设计作业题材有 个人. 美食. 公司. 学校. 旅游. 电商. ...
- HTML+CSS期末大作业:动漫网站设计——悬崖上的金鱼姬(5页) / 动漫网页设计作业,网页设计作业 / 动漫网页设计成品 学生DW网页设计作业成品 web课程设计网页规划与设计...
HTML+CSS期末大作业:动漫网站设计--悬崖上的金鱼姬(5页) 学生DW网页设计作业成品 web课程设计网页规划与设计 计算机毕设网页设计源码 常见网页设计作业题材有 个人. 美食. 公司. 学校 ...
最新文章
- 利用python进行数据分析学习笔记 第7章(3)
- queue源码java_看看AbstractQueue源码Java9
- autoLayout自动布局
- Vue 实现前后端分离项目
- 去哪儿-01-EnvironmentalPre
- python爬虫爬取大众点评并导入redis
- 大数据_Hbase-API访问_Java操作Hbase_MR-数据迁移-代码测试---Hbase工作笔记0017
- 史上最全Html和CSS布局技巧
- JDK 8_jstack命令使用
- [转]唐骏谈职场 —— 管理者要学会让员工感动
- 【Python】【有趣的模块】【requests】【一】HTTP头信息总结
- 【好书推荐】学习软件工程的必经之路 | 《人月神话》
- 【Pix4d精品教程】Pix4DMapper 4.4.10/4.4.12/4.5.6经典手把手图文安装教程(附安装包下载)
- Android 4编程入门经典
- 【数据结构】【王道】【树与二叉树】中序二叉线索树的实现及基本操作(可直接运行)
- 如何组织一个高效的开发团队
- 来杭州云栖大会,全面了解企业如何实现云上IT治理
- 思维模型 情绪ABC理论
- QML <2> Canvas 自定义绘制 网易云歌单封面实现
- 播放网易云音乐时,有电话呼入,音乐并不会停止播放。