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基础入门学习心得体会相关推荐

  1. 计算机基础与应用(上)笔记总结,计算机基础学习心得体会范文(通用3篇)

    计算机基础学习心得体会范文(通用3篇) 当我们对人生或者事物有了新的思考时,好好地写一份心得体会,这样可以记录我们的思想活动.那么要如何写呢?以下是小编精心整理的计算机基础学习心得体会范文(通用3篇) ...

  2. 计算机网络基础心得体会结尾,学习《计算机网络基础知识》心得体会

    学习<计算机网络基础知识>心得体会 ... 如今已经是信息时代,作为主流信息工具的网络越来越重 要,网络是信息的载体,是人们传递感情的工具.随着信息社会 的不断发展,网络的应用将会更加广泛 ...

  3. 学完计算机网络基础及应用的感想,学习《计算机网络基础知识》心得体会

    学习<计算机网络基础知识>心得体会 至于其他的比如网络安全的知识,的确很有用,但不是我兴趣所在,有杀毒软件就够了. 通过学习计算机网络这门课程,使我更加对网络刮目相看了! . 学习< ...

  4. html5课程总结500字,学习心得体会模板范文500字

    学习中有许许多多的快乐,如果你觉得不是,那就是你平时一定没有认真学习,认真学习的话,你会发现学习中蕴涵着无穷的快乐.下面是学习啦带来的学习心得体会范文500字,欢迎大家阅读. 学习心得体会500字范文 ...

  5. 自学也能学得会的《零基础入门学习Web开发》(HTML5 CSS3)

    1 Web开发是什么 很多读者可能还不明白,Web开发到底是什么. 其实,我们所说的Web开发通常相当于前端开发与后端开发的组合. 前端开发主要通过HTML.CSS.JavaScript. AJAX. ...

  6. 学计算机的初衷,计算机学习心得体会5篇

    计算机学习心得体会5篇 从某件事情上得到收获以后,往往会写一篇心得体会,这样我们可以养成良好的总结方法.那么好的心得体会都具备一些什么特点呢?下面是小编精心整理的计算机学习心得体会5篇,仅供参考,希望 ...

  7. MYSQL选修课的心得体会_选修课学习心得体会范文7篇_大学选修课心得体会

    大学公共选修课程是提供给学生自由选修的非专业性课程,目的在于开拓学生视野.完善和优化学生的知识结构,以及促进学生个性发展,选修课学习是丰富大学生的课余生活和扩大大学生的知识面.下面是学习啦带来的选修课 ...

  8. 大学四年嵌入式学习心得体会

    我所在学校是普通的本科院校,从大一开始加入嵌入式实验室,一直在实验室呆了三年半,从大一的懵懂无知,天天看着 C 语言书自己敲代码,到后来学习51单片机,STM32,做过3-4个项目,参加各种比赛,轻轻 ...

  9. 计算机vb实验感想,VB学习心得体会

    VB学习心得体会 VB学习心得体会 VB是一门程序设计语言,也需要一定的英语基础.VB既能充实我们的生活,武装我们的头脑,锻炼我们的意志,又能在以后需要的时候成为帮助我们成功的推进动力.对于VB的学习 ...

最新文章

  1. 在docker中haproxy的安装以及mysql的负载均衡配置
  2. internetreadfile读取数据长度为0_Hadoop 读取数据
  3. 无法捕获的ChuckNorrisException
  4. 世园会开幕式上的机器人_【在国际智能制造大会暨智能机器人大会开幕式上的致辞】世界智能机器人大会...
  5. jscience中的parse转换
  6. 软件体系结构的风格(转载)
  7. oracle用EXPLAIN PLAN 分析SQL语句
  8. Vb.net/VB 声明API功能父窗口功能
  9. 使用Python对Syslog信息进行分析并绘图
  10. 从零基础入门Tensorflow2.0 ----五、19. feature_column , keras_to_estimator
  11. 数字电路设计之数字电路工程师面试集锦
  12. 实景三维的基石-osgb
  13. osgb转json_cesuim加载倾斜摄影OSGB三维数据完整过程(超详细)
  14. 第9天Sqltie数据库
  15. 树莓派无法解析域名(即无法连网,更新软件失败)
  16. 石墨文档 Websocket 百万长连接技术实践
  17. 仿新浪抢工长装修招标网站源码老工长装修网源码装修网站源码
  18. 迅为电子HMI人机界面|CAN总线触摸屏
  19. 世事洞明职场“行”(上篇)——刘墉力作《我不是教你诈》花絮采撷
  20. 一文读懂Uniswap V2的改进与创新

热门文章

  1. 再牛逼的伟人,也有苦逼的青春
  2. 阿尔法狗是怎么用机器学习做决策的
  3. 5款免费的无代码工具可帮助你快速启动项目
  4. 解决swiper滑动效果为fade的时候,内容重叠问题
  5. Eclipse各个版本及名称
  6. JavaScript小兔鲜儿项目注册页面
  7. 美国次贷危机就是这样爆发的——通俗易懂
  8. ITERATE MYSQL 例子_介绍 MySQL 的 Iterate 迭代语句实例代码
  9. 开源IM-免费企业即时通讯-恩布互联ENTBOOST 1.4发布,增加管理中心
  10. Stirling公式的应用