首页 » 技术分享 » HTML5基础入门学习心得体会

HTML5基础入门学习心得体会

　
评论关闭　496次浏览

1.在书写HTML代码之前以下几个条件一定要熟记：

HTML文件中的标记是不区分大小写的；
文件名的格式为index.html;
任何一种纯文本编辑可以编辑HTML文件；

浏览器要求是IE,Google Chrome或火狐浏览器；（IE9之后才可以）

接下来我们试着写第一个入门程序：

<!doctype html>
    <html>
        <head>
        <title>我的第一个网页小程序</title>
        </head>
    </html>
    <body>
        Hello!!Welcome to HTML!
    </body>
</html>

保存文件最后以index.html形式保存，选择好相应的浏览器就可以进行预览；

2.HTML语法的概念与架构

HTML标记有容器标记<Container Tags>和单一标记<Single Tag>两种；
 容器标记<Container Tags>
 有开始标记和结束标记，终止标记前会加上一个斜线“/”;
 exp:

<title>MY BOOK</title>

单一标记<Single Tag>
只有起始标记而没有结束标记。
exp:

<hr>分隔线  <img>插入图片

3.HTML的组成；

<!DOCTYPE html>
    <html>
        <head>
            <title>我的网页</title>//这是头
        </head>
    <body>
    这是网页的内容   //这是浏览器中的内容，即主体    
    </body>
</html>

4.标记属性的应用
有些标记加上属性可以改变其在网页上显示的方式。
exp:lang属性用来制定网页语言

语法如下：

<html lang="zh-cn">     /*表示网页语言为中文*/

常见的结构化的语义标记 

标记

说明

<header>

显示网站名称、主体或者主要信息

<nav> 

网站的连接菜单

<aside>

用于侧边栏

<article>

用于定义主内容栏

<scetion>

用于章节或段落

<footer>

位于页脚，用来放置版权声明、作者等信息

在标准的HTML5中我们还应该进行声明与编码设置，关键字为DOCTYPE，其语法如下：

<!DOCTYPE html>

 

转载自原文链接, 如需删除请联系管理员。

原文链接：HTML5基础入门学习心得体会，转载请注明来源！

赞 0