菜鸟教程-HTML

html-css011

菜鸟教程-HTML,第1张

<!DOCTYPE html>声明为html5文档,有助于浏览器正确显示网页 <html>元素是html页面的根元素 <head>元素包含了文档的元数据,如定义网页编码格式 <title>元素描述了文档的标题 <body>元素包含了可见的页面内容 <h1>元素定义一个大标题 <p>元素定义一个段落 注:在浏览器的页面上使用键盘的F12按键开启调试模式,就可以看到组成标签 “HTML 标签”和“HTML 元素”通常是描述同样的意思,但是严格来说,一个HTML元素包含了开始标签和结束标签。只有body区域才会在浏览器中显示。 标题是通过<h1>-<h6>标签来定义的,字号逐渐减小。 HTML链接是通过标签<a>来定义的,在href中指定链接的地址。 图像是通过<img>来定义的,图像的名称和尺寸是以属性的形式来提供的。 HTML文档由HTML元素定义。

以前我们都说会者不难,难者不会,其实不能以偏概全,对于从未接触过html5的小白来说,首先面对的是一门陌生的语言,那么相比其他后端语言,它的门槛相对来讲是比较低的,容易上手,当然,这不意味着我们可以松懈,还是要脚踏实地,练好技术才是根本

html5新增标签大致如下:

<canvas>新元素

<canvas>   标签定义图形,比如图表和其他图像。该标签基于 JavaScript 的绘图 API 

新多媒体元素

<audio>   定义音频内容  

<video>   定义视频(video 或者 movie)  

<source>   定义多媒体资源 <video>和 <audio> 

<embed>   定义嵌入的内容,比如插件。  

<track>   为诸如 <video>和 <audio>元素之类的媒介规定外部文本轨道。 

新表单元素

<datalist>   定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。  

<keygen>   规定用于表单的密钥对生成器字段。  

<output>   定义不同类型的输出,比如脚本的输出。 

新的语义和结构元素

HTML5提供了新的元素来创建更好的页面结构:

<article>   定义页面独立的内容区域。  

<aside>   定义页面的侧边栏内容。  

<bdi>   允许您设置一段文本,使其脱离其父元素的文本方向设置。  

<command>   定义命令按钮,比如单选按钮、复选框或按钮  

<details>   用于描述文档或文档某个部分的细节  

<dialog>   定义对话框,比如提示框  

<summary>   标签包含 details 元素的标题  

<figure>   规定独立的流内容(图像、图表、照片、代码等等)。  

<figcaption>   定义 <figure>元素的标题  

<footer>   定义 section 或 document 的页脚。  

<header>   定义了文档的头部区域  

<mark>   定义带有记号的文本。  

<meter>   定义度量衡。仅用于已知最大和最小值的度量。  

<nav>   定义导航链接的部分。  

<progress>   定义任何类型的任务的进度。  

<ruby>   定义 ruby 注释(中文注音或字符)。  

<rt>   定义字符(中文注音或字符)的解释或发音。  

<rp>   在 ruby 注释中使用,定义不支持 ruby 元素的浏览器所显示的内容。  

<section>   定义文档中的节(section、区段)。  

<time>   定义日期或时间。  

<wbr>   规定在文本中的何处适合添加换行符。  

初学者建议多访问下菜鸟教程:网页链接,都是比较全面的基础知识,可以看做编程词典,即使老司机也经常去查一些资料。