有话先说:记得初次接触HTML代码还是在两年多前的事情,那是只是凭着一时的兴趣。却不知一入HTML深似海,再见依旧还是兴趣或许就是美好生活的必备。

不用说的是HTML是制作网页,网站开发必须要掌握并学习的语言。

什么是HTML?

首先呢,HTML是一种超文本标记语言(Hyper Text Markup Language) ,所谓的超文本就是指在网页中可以包含图片、链接、甚至音乐,等非文字元素。用以描述修饰网页的语言。

HTML文件后缀名为(.html或 .htm),可以使用一般的文本编辑器编辑(我使用的编辑器有Dreamweaver、HBuilder、WebStorm),在文件中插入一些特有的标签加上自己的想法,最后想要的效果大致还是会出来(当然,我是说在理想的状况下)。

HTML中有着众多的标签,这些个标签与英文还是有一定的释义相同的,想要记住这些标签,当然需要更多的去练习加以记忆。

HTML中有哪些结构?

如图片所示,结构大致可分为HTML中包含了两个主体head、body。需要注意的是网页显示的内容需要写在body 的 里面。

常用的标签

网页能实现各种各样的定制,实现各种各样的功能,反过来可以说明我们的标签种类是很多的,这样才能实现各种各样的功能及定义。

而这里先讲四个最基本的标签

  • HTML标题是通过 < h1> - < h6> 等标签进行定义的。

  • 示例:

<h1>This is first heading</h1>

<h2>This is second heading</h2>

<h3>This is third heading</h3>

<h4>This is third heading</h4>

<h5>This is third heading</h5>

<h6>This is third heading</h6>
...
...

  • HTML段落 paragraph 是通过 < p> 标签进行定义的。

  • 示例:

<p>This is a paragraph.</p>

<p>This is another paragraph.</p>

...
...

  • HTML链接 链接 是通过 < a> 标签进行定义的。

  • 示例:

<a href="http:// ">This is a link</a>

  • HTML图像 image是通过标签进行定义的。

  • 示例:

<img src="ll.jpg" width="100" height="150" />

学习经验

对于初学者,坚持动手是提高的唯一路径,这样不仅让学习有趣起来,吸收提高也相当快。对于开发环境,我觉得在刚接触代码时,敲代码尽量还是接触只提示代码错误,尽量少的接触代码提示的开发软件,那样对代码的熟记不是很理想,虽然有很多不便,但对于初学者,这样易于学习,理解。在熟悉代码并能在记忆的情况下完全的敲出代码再使用功能强大的开发软件会对自身的开发有很大的帮助。

小结

在此说了这么多,自己感觉干货不足,这全是自己的能力原因与外在无关,希望在此的知识能为自己后续的学习铺垫一个较为坚实的基础,能有一个清晰的开发思路。

HTML的初体验的更多相关文章

  1. .NET平台开源项目速览(15)文档数据库RavenDB-介绍与初体验

    不知不觉,“.NET平台开源项目速览“系列文章已经15篇了,每一篇都非常受欢迎,可能技术水平不高,但足够入门了.虽然工作很忙,但还是会抽空把自己知道的,已经平时遇到的好的开源项目分享出来.今天就给大家 ...

  2. Xamarin+Prism开发详解四:简单Mac OS 虚拟机安装方法与Visual Studio for Mac 初体验

    Mac OS 虚拟机安装方法 最近把自己的电脑升级了一下SSD固态硬盘,总算是有容量安装Mac 虚拟机了!经过心碎的安装探索,尝试了国内外的各种安装方法,最后在youtube上找到了一个好方法. 简单 ...

  3. Spring之初体验

                                     Spring之初体验 Spring是一个轻量级的Java Web开发框架,以IoC(Inverse of Control 控制反转)和 ...

  4. Xamarin.iOS开发初体验

    aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKwAAAA+CAIAAAA5/WfHAAAJrklEQVR4nO2c/VdTRxrH+wfdU84pW0

  5. 【腾讯Bugly干货分享】基于 Webpack & Vue & Vue-Router 的 SPA 初体验

    本文来自于腾讯bugly开发者社区,非经作者同意,请勿转载,原文地址:http://dev.qq.com/topic/57d13a57132ff21c38110186 导语 最近这几年的前端圈子,由于 ...

  6. 【Knockout.js 学习体验之旅】(1)ko初体验

    前言 什么,你现在还在看knockout.js?这货都已经落后主流一千年了!赶紧去学Angular.React啊,再不赶紧的话,他们也要变out了哦.身旁的90后小伙伴,嘴里还塞着山东的狗不理大蒜包, ...

  7. 在同一个硬盘上安装多个 Linux 发行版及 Fedora 21 、Fedora 22 初体验

    在同一个硬盘上安装多个 Linux 发行版 以前对多个 Linux 发行版的折腾主要是在虚拟机上完成.我的桌面电脑性能比较强大,玩玩虚拟机没啥问题,但是笔记本电脑就不行了.要在我的笔记本电脑上折腾多个 ...

  8. 百度EChart3初体验

    由于项目需要在首页搞一个订单数量的走势图,经过多方查找,体验,感觉ECharts不错,封装的很细,我们只需要看自己需要那种类型的图表,搞定好自己的json数据就OK.至于说如何体现出来,官网的教程很详 ...

  9. Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验

    Python导出Excel为Lua/Json/Xml实例教程(二):xlrd初体验 相关链接: Python导出Excel为Lua/Json/Xml实例教程(一):初识Python Python导出E ...

  10. Docker初体验

    ## Docker初体验 安装 因为我用的是mac,所以安装很简单,下载dmg下来之后拖拽安装即可完成. 需要注意的就是由于之前的docker是基于linux开发,不支持mac,所以就出现了docke ...

随机推荐

  1. 解决cefsharp在winform中不显示tooltipText问题(网页元素的title提示)

    1.监听网页属性改变事件 webView.PropertyChanged += webView_PropertyChanged; 2.拖一个ToolTip控件到窗体 3.在webView_Proper ...

  2. 用MonoDevelop开发Linux游戏

    鉴于微软将放弃XNA,MonoGame将是喜欢XNA的朋友们的新选择,他是XNA游戏引擎的开源实现,而且是跨平台的,这意味着你可以用他开发OS.android.windows以及linux应用程序,多 ...

  3. Hibernate入门

    脏检查及刷新缓存机制: 脏检查:当事物提交时,Hibernate会对session中持久状态的对象进行检测, 判断对象的数据是否发生改变 为什么要进行脏检查? 如果对象发生了改变,就需要将改变更新到数 ...

  4. Swift之 ? 和 !

    Swift之 ? 和 ! 转载于:http://joeyio.com/ios/2014/06/04/swift---/ Swift语言使用var定义变量,但和别的语言不同,Swift里不会自动给变量赋 ...

  5. ASP.NET MVC的运行机制--url的全局分析

    全局 首先我们来看一副图片       首先,用户通过Web浏览器向服务器发送一条url请求,这里请求的url不再是xxx.aspx格式,而是http://HostName/ControllerNam ...

  6. ReactNative新手学习之路03真机调试

    React Native新手入门03真机调试(iOS) 从设备访问开发服务器 在启用开发服务器的情况下,你可以快速的迭代修改应用,然后在设备上查看结果.这样做的前提是你的电脑和设备必须在同一个wifi ...

  7. NB-IoT的相关资料整理(基本概念,技术优势,典型案例和当前的进展)

            人与人之间的通讯规模已近天花板,物与物的则刚刚进入增长快车道.随着可穿戴.车联网.智能抄表等新兴市场的开启,工业4.0.智慧城市.智慧农业等理念照进现实,万物互联的时代正加速到来. 一 ...

  8. 利用Highcharts插件制作动态图表

    向大家推荐一款js插件,用于绘制图表Highcharts,具体操作可参考官方网站:http://www.hcharts.cn/ 1.如下为本人制作的图形效果如下,当然其效果远不止这些,大家还可以深入研 ...

  9. greenDao:操作数据库的开源框架

    greenDAO: Android ORM for your SQLite database 1. greenDao库获取 英文标题借鉴的是greendrobot官网介绍greenDao时给出的Tit ...

  10. C++11笔记<一>

    目录: 1.std::share_ptr智能指针: 2.std::tr1::function模板类: 3.stringstream: 4.set/vector/map: 5.static_cast&l ...