首页 web前端 html教程 HTML学习总结

HTML学习总结

Sep 07, 2016 pm 12:58 PM

  首先,我们要问,什么是html?官方的解释是:超文本标记语言。什么意思呢?简单的来说,就是一种用来制作网页的特殊语言。那么,什么是网页呢?我们说,网页是一个在浏览器窗口下显示的页面,实质上是一个文档。

  网页主要有3个元素:文字、图片以及超链接。有了这3个要素,我们便能制作最简单的网页了。然而,当我们实际去做的时候,却不得不考虑这样的问题:如何来控制页面的格式和布局?在一开始的时候,我们是使用所谓的“格式控制标签”和“表格”去实现的。然而,随即我们发现,这种方式有着严重的弊端。比如说,我们想要某几个单元格的字体、颜色、大小等发生改变,我们就必须逐一修改那些单元格。然而,这还不是最主要的。当我们使用脚本语言的时候,便会发现另一种布局方式将会更加有利。因为我们能更容易找到我们想要修改的部分。

  现在,让我们来考虑另一种布局方式:div+css样式表。首先,让我们来例举这种方式的优势。1、可重复性强,可以多次引用。2、实现了内容与格式的分离。3、控制精确、搜索速度快。紧接着,我们来考虑如何使用它。最简单的方法是直接在div标签里写上style,然后跟上内容。可是,如果这样的话,就显现不出这种布局方式的优点。最好的方式是把style写在head里或者外部,然后引用它们。在这里,我们不得不提到两种选择器。一种是class选择器,另一种是id选择器。我们正是通过这些放置在样式表中的选择器来精确操纵样式的。我们不再详细阐述,只讨论它们的区别。简单的说,class是一个类,可以多次引用;而id是一种身份,只能引用一次。事实上,我们必须结合具体实例才能真正阐述清楚。

  最后,我们来考虑一下所谓的“JavaScript”,即脚本语言。首先,我们要问的是,脚本语言是什么?有什么用?考虑这样一种情景:你写好了一个网站,并且顺利的发布了。用户在你的文本框里输入了正确的信息,点击提交,却发现怎么点都没有反应。这是当然的,因为你没有写这个反应或者说动作。脚本语言的存在正是为了实现这种反应或者说动作。换句话说,脚本语言的存在是绝对必要的。事实上,除了这种用法,我们还有一种更为常见的用法。前面我们说到,我们可以通过id或者class去控制某个标签的样式。类似的,我们可以通过脚本语言找到id或者class,互动式的操纵某个标签的样式。

  以上就是网页制作的基本内容,即HTML(内容)、CSS(样式)、JS(脚本/动作)。

 

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

HTML容易为初学者学习吗? HTML容易为初学者学习吗? Apr 07, 2025 am 12:11 AM

HTML适合初学者学习,因为它简单易学且能快速看到成果。1)HTML的学习曲线平缓,易于上手。2)只需掌握基本标签即可开始创建网页。3)灵活性高,可与CSS和JavaScript结合使用。4)丰富的学习资源和现代工具支持学习过程。

HTML,CSS和JavaScript的角色:核心职责 HTML,CSS和JavaScript的角色:核心职责 Apr 08, 2025 pm 07:05 PM

HTML定义网页结构,CSS负责样式和布局,JavaScript赋予动态交互。三者在网页开发中各司其职,共同构建丰富多彩的网站。

了解HTML,CSS和JavaScript:初学者指南 了解HTML,CSS和JavaScript:初学者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始标签的示例是什么? HTML中起始标签的示例是什么? Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis,beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements,defiteTheeTheErtypes,andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。

Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Gitee Pages静态网站部署失败:单个文件404错误如何排查和解决? Apr 04, 2025 pm 11:54 PM

GiteePages静态网站部署失败:404错误排查与解决在使用Gitee...

网页批注如何实现Y轴位置的自适应布局? 网页批注如何实现Y轴位置的自适应布局? Apr 04, 2025 pm 11:30 PM

网页批注功能的Y轴位置自适应算法本文将探讨如何实现类似Word文档的批注功能,特别是如何处理批注之间的间�...

HTML,CSS和JavaScript:Web开发人员的基本工具 HTML,CSS和JavaScript:Web开发人员的基本工具 Apr 09, 2025 am 12:12 AM

HTML、CSS和JavaScript是Web开发的三大支柱。1.HTML定义网页结构,使用标签如、等。2.CSS控制网页样式,使用选择器和属性如color、font-size等。3.JavaScript实现动态效果和交互,通过事件监听和DOM操作。

如何用CSS3和JavaScript实现图片点击后周围图片散开并放大效果? 如何用CSS3和JavaScript实现图片点击后周围图片散开并放大效果? Apr 05, 2025 am 06:15 AM

实现图片点击后周围图片散开并放大效果许多网页设计中,需要实现一种交互效果:点击某张图片,使其周围的...

See all articles