HTML结构和常用标签_第1页
HTML结构和常用标签_第2页
HTML结构和常用标签_第3页
HTML结构和常用标签_第4页
HTML结构和常用标签_第5页
已阅读5页，还剩19页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

网页设计与制作（HTML5+CSS3）主讲教师：周礼萍0

1HTML5文档结构02认识标签03文字标签04文本格式化标签目录contentsPART1HTML5文档结构“不以规则，不能成方圆。”标准、规范、法则、制度等只有坚持按规矩做事，才能取得事半功倍的效果。只有守规矩，才能保护自己的自由和权益，构建更美好和谐的社会。如：在学校中遵守规则我们会学习的更好；

在马路上遵守规则我们会很安全；

在比赛中遵守规则才会公平合理……如果每个人都能自觉的遵守规则，我们的生活会很和谐。公文/书信，我们要遵循格式规则同理：HTML有自己的语言语法规则

骨架格式：同理：HTML有自己的语言语法规则

骨架格式：

HTML结构问题1：HTML5的结构有哪些固定的标签？问题2：怎样快速在编辑器中生成HTML5的结构呢？HTML5文档

结构1.HTML标签：

最大的标签是根标签2.head标签：

文档的头部标签，文档的头部描述了文档的各种属性和信息3.body标签：文档的主体标签，我们的页面内容基本都是放到body里面titleheadbodyhtmlHTML5文档头部常见标签title标签

作用：给页面定义一个标题，即给网页取一个名字（建议不多于30个字）

格式：<title>网页标题文字</title>meta标签

作用：用于引用外部文件标签

格式：<metaname=""content="值">

link标签

作用：用于定义页面元素的信息，可重复出现在<head>标签中

如：<linkrel="stylesheet"href="css/public.css">用于引入一个CSS文件

<linkrel="icon"href="./favicon.ico">用于引入一个网页标题图标等属性名常用属性值描述herfURL指定引用外部文档的地址relstylesheet指定当前文档与引用外部文档的关系，该属性值通常为stylesheet，表示定义一个外部样式表typetext/css引用外部文档的类型为css样式表text/javascript引用外部文档的类型为javaScript脚本<标签名>内容

</标签名>如：<body>我是文字

</body>双标签<标签名/>单标签也称空标签，是指用一个标签符号即可完整地描述某个功能的标签。

如

：

<br/>、<hr/>单标签

什么是标签在HTML页面中，带有“<>”符号的元素被称为HTML标签，表示某个功能的编码命令。上面提到的<HTML>、<head>、<body>都是HTML骨架结构标签。认识标签嵌套关系（父子关系）并列关系（兄弟关系）标签的关系<head><title></title></head><head></head><body></body>任务实践1.在开发工具中快速生成HTML5的文档结构2.编辑一段“个人简介”并进行浏览器打开观察其换行情况问题1：刚才大家编辑的内容在浏览器中是否能换行？PART2文字标签常见文字标签02标题标签HTML提供了6个等级的标题，即

<h1>、<h2>、<h3>、<h4>、<h5>和<h6>

作为标题使用，其重要性递减。

格式：

<hn>

标题文本

</hn>注意：<h1>标签常用做网站的logo部分，一个页面一般只能用一个<h1>

段落标签HTML文档中最常见的标签，如同平常写文章一样，整个网页也可分若干段落。

格式：

<p>

文本文本

</p>水平线标签它是一个单标签。

格式：

<hr/>

常见文字标签02换行标签它是一个单标签。

格式：

<br/>

1.在代码中直接敲回车键，浏览器显示换行是不起作用的。2.段落标签是用于定义一个段落，默认行距显示较宽。3.换行标签属于强制换行，换行后显示正常。仔细观察发现文本格式化标签在网页中，有时需要为文字设置粗体、斜体

或

下划线

效果，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。标签名显示效果<b></b>和<strong></strong>文字以粗体方式显示<i></i>

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论