HTML5基本结构

1. HTML的基本结构
2. HTML控制标记的格式
3. 最常用的控制标记
讲解最基本的HTML元素,也就是创建文档结构所需的元素。例如:标题、段落、
页面分隔、注释等等。

操作方法

  • 01

    HTML的基本结构

  • 02

    1) <html>……</html>:根控制标记 开头和结尾成对出现,双标签

  • 03

    1) <head>……</head>:头控制标记 (页面上不显示的内容,暂时不需要理解) Ø <title>:很单纯的文件标题声明 Ø <meta> 控制标记的动态文件转换声明 Ø <base> 超链接网址基准参考点 Ø Javascript和VBScript程序 Ø stylesheet可用来设置排版的声明 Ø <link>可引用外部文件,如CSS排版样本

  • 04

    1) <title>……</title>:设置浏览器的视窗标题

  • 05

    1) <body>……</body>:页面可见内容

  • 06

    HTML控制标记的格式

  • 07

    1) <标记名称> 单一型,无设置值的。 如:<br> 2) <标记名称 属性=“属性值”> 单一型,有设置值的。 如:<hr width=“80%”> 3) <标记名称>…</标记名称> 对称型,无设置值。 如:<title>…</title> 4) <标记名称 属性=“属性值”>…</标记名称> 对称型,有设置值。 如:

  • 08

    最常用的控制标记

  • 09

    1) 跳行 <br>     格式:<br> 无属性设置 2) 段落 <p>  格式:<p align=“排列方式”>…</p>

  • 10

    水平直线 <hr>     格式:<hr>

  • 11

    1) 向中对齐 <center> (被废弃的标签) 格式:<center>…</center> 示例:

  • 12

    1) 背景色与文字设置 格式:<body bgcolor=“背景色” text=“文字颜色”> 整体页面的边距,行距 <body leftmargin=“像素” topmargin=“像素”> 示例:

  • 13

    1)  标题文字设置 格式:<h1>…</h1>  <h2>…</h2>  <h3>…</h3>  <h4>…</h4> <h5>…</h5>   <h6>…</h6>

  • 14

    1) 特殊字符设置 格式:< <  > & gt;  & &amp;  “ &quot; 2) 在HTML注释  格式:<!--…--> 3) 实体字符控制标记

  • 15

    1) 语意字符控制

  • 16

    1) <font>字体控制(被废弃的标签) 格式:<font>…</font>

  • 17

    1) 引用文本 格式:<blockquote>...</blockquote>

(0)

相关推荐

  • html5网页结构布局标签

    html5网页结构布局标签 操作方法 01 对于HTML5来讲,在网页结构上标签定义与使用更加语义化,让搜索引擎以及工程师更加迅速理解当前网页的整个重心所在! 列举常用HTML5结构组合 header ...

  • notepad++怎么实现一键自动完成一堆代码?

    notepad++也想实现其他编译器的那种输入几个字母就可以把整段代码完成的功能,省去了几十句代码一个个的敲的麻烦,提高编程的效率很有用,为了不让一些码农太累,今天就做一个教程吧 1.从百度下载zen ...

  • Sublime快捷键与常用插件配置总结

    Sublime快捷键与常用插件配置总结

  • 傲游浏览器3开始支持HTML5视频

    今天傲游浏览器3.0迎来Beta后首轮更新,为用户带来多项大幅更新。其中包括用户期待已久的头像回归,XP下的新用户界面等。最抢眼的就是加入了两项对HTML5特性的支持。 新版的界面中,傲游账户的头像回 ...

  • 8款最佳HTML5绘图工具

    HTML5无疑是当前最受宠的一项技术,今天推荐8款HTML5绘图工具,同样惊艳你的眼球!这些绘图工具大多数是用HTML5画布(Canvas)实现的,部分辅以Javascript。对每一个web设计者来 ...

  • 快速学会HTML5语言-28-HTML基础(实例)

    操作方法 01 HTML5是一种网络标准,相比现有的HTML4.01和XHTML1.0,可以实现更强的效果.同时充分调用本地的资源,实现不输于app的功能效果. 02 先来谈谈以前的HTML,以前的H ...

  • HTML5 svg和CSS3炫酷鼠标点击按钮特效制作方法

    这是一组效果非常炫酷的HTML5 svg和CSS3鼠标点击按钮特效.这组鼠标点击特效共有22种效果,大多数是在伪元素上使用CSS3 animations来制作动画效果.非常适合于移动手机APP上的按钮 ...

  • html5 的本地存储的五种方案介绍

    HTML5 本地存储就是一种让网页可以把键值对存储在用户浏览器客户端的方法.像Cookie一样,这些数据不会因为你打开新网站,刷新页面,乃至关闭你的浏览器而消失. 而与Cookie不同的时,这些数据不 ...

  • 怎样用HTML5在我们的网页中嵌入视频和音频

    在HTML5之前,如果想在网页上播放视频需要用Flsh插件,不过flsh插件的性能很不稳定,这样会带来很多问题,甚至还会让浏览器崩溃.所以现在我们在网站上很少用Flsh插件来播放视频了,主要使用HTM ...