Javaweb教程之HTML
作者:adminjiang发布时间:2021-07-09分类:计算机教程浏览:1021
HTMl
超文本标记语言(HyperText Markup Language),简称HTML。
超文本标记语言,标准通用标记语言下的一个应用。是网页制作必备的编程语言“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
下图就是html的模板。
基本知识
下面,我们了解下HTML最基本知识。
标题HTML标题(Heading)是通过<h1>-<h6>标签来定义的。
<h1>这是一级标题</h1>
<h2>这是二级标题</h2>
<h3>这是三级标题</h3>
段落
HTML段落是通过标签<p>来定义。
<p>这是一个段落。</p>
<p>这是另外一个段落。</p>
链接
HTML链接是通过标签<a>来定义的。
<a href="https://www.baidu.com">贪心科技</a>
CSS
层叠样式表(英文全称:Cascading StyleSheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。我们可以认为CSS是html一件华丽的上衣。css的格式
<style type="text/css"> 标签名称{ 属性名称: 属性对应的值; ... } </style>
我们一般通过三种写入CSS方法。
head头部写入
直接在标签写style
新建css文件在通过link标签导入
JavaScript
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。
我们可以认为JavaScript实现html的动态功能。
下面,我们实现非常简单的鼠标移入和鼠标移出事件。
<style> div{ width: 200px; height: 200px; background-color: red; } </style> </head> <body> <div class="div">我是div</div> </body> <script> window.onload = function () { var div =document.getElementsByClassName("div") div[0].onmouseover = function () { this.innerHTML = "鼠标移入了"; }; div[0].onmouseleave = function () { this.innerHTML = "鼠标移出了"; } div[0].onclick = function () { this.innerHTML = "鼠标点击了"; } } </script>
广州北大青鸟依托北京大学雄厚资源,是北大青鸟华南地区就业示范校区,学校提供学历+技能+就业服务,主要开设热门课程java培训,UI设计培训,PHP培训,Web前端培训,软件开发编程培训等全程项目实战,免费就业推荐等,详情请点击右边的咨讯框咨询在线的老师,同时还可以获取免费的试听课程,欢迎咨询哦!!!
- 上一篇:Java语言运算符
- 下一篇:参加培训学java要学多久
- 计算机教程排行
-
- 1佛山信息-佛山首家“国家级专业技术人员继续教育基地”诞生-北大青鸟--PPT大赛[北大青鸟专业比赛]
- 2茂名信息-453家企业参加,茂名秋季高校毕业生招聘会提供近1.5万个岗位-北大青鸟--北大青鸟上机课【多模式教学法】
- 3东莞信息-寮步人社分局与名企同行共赴哈尔滨招才引智-北大青鸟--IT技术夏令营【夏·见】行至青鸟系列——【快乐夏季,青春向上】
- 4东莞信息-横沥镇开展“人社关怀暖社区,退管服务惠民心”退管月服务活动-北大青鸟--北大青鸟【优就业精选】支持你成为一个受人尊重的专业人才
- 5梅州信息-广东省召开参加第二届全国博士后创新创业大赛动员会-北大青鸟--企业化带班[北大青鸟“优就业”服务]
- 6东莞信息-政策进基层服务暖民心——厚街分局开展2023年政策宣传活动-北大青鸟--企业化带班[北大青鸟“优就业”服务]
- 7江门信息:江澳联动深化两地人才交流合作--计算机网络培训学校
- 8广州信息:东盟人力资源服务博览会--广州计算机软件培训
- 9江门信息:构建和谐劳动关系优化提升营商环境江门市开展推进新时代和谐劳动关系创建活动|||广州学电脑培训学校
- 标签列表
-
- Java (3694)
- 北大青鸟 (3713)
- 软件开发 (3613)
- JAVA (3413)
- UI设计入门 (2093)
- 惠州北大青鸟 (4375)
- 惠州IT培训 (2558)
- UI设计培训 (2090)
- 惠州UI设计培训 (2095)
- 惠州UI设计培训学校 (2090)
- 惠州计算机软件培训 (6260)
- 惠州计算件软件开发 (6260)
- 惠州计算机软件基础 (6261)
- 惠州计算机JAVA培训 (3574)
- 惠州计算机Java软件开发 (3620)
- 惠州计算机JAVA软件开发 (4645)
- 惠州计算机JAVA软件开发学校 (3338)
- 惠州计算机Java软件开发培训 (3338)
- 北大青鸟IT计算机学校 (5048)
- 北大青鸟IT软件学校 (5062)
- 北大青鸟IT学校 (5059)
- 惠州计算机UI设计软件开发 (2088)
- UI设计基础教程 (2088)
- UI设计是什么 (2088)
- UI设计教程 (2088)
- 网站分类
-
- 计算机教程
- 计算机入门
- 职业学校
- 新闻动态
- 专业课程
- 热门技术
- SEO
- 培训教程
- windows
- linux教程
- 系统集成
- 网站开发
- Html5
- 办公软件
- 师资力量
- 热点问答
- 联系我们
- 计算机学校
- 惠州计算机学校
- 河源计算机学校
- 广州计算机学校
- 深圳计算机学校
- 湛江计算机学校
- 佛山计算机学校
- IT计算机培训信息
- 设计专业
- UI
- 影视特效
- 游戏动漫设计
- Photoshop
- AI设计
- 软件教程
- Java技术
- C语言/C++语言培训
- C#
- Python技术
- PHP
- 数据库
- SQL Server
- 网络教程
- 网络安全
- 网络营销
- 软件专业
- 大数据专业
- 前端开发专业
- 软件测试专业
- Python专业
- 软件实施
- 珠海计算机学校
- 初中生学什么好
- 计算机认证
- 文章归档
-
- 2024年5月 (14)
- 2024年4月 (80)
- 2024年3月 (65)
- 2024年2月 (54)
- 2024年1月 (25)
- 2023年12月 (12)
- 2023年11月 (73)
- 2023年10月 (134)
- 2023年9月 (34)
- 2023年8月 (3)
- 2023年7月 (3)
- 2023年6月 (12)
- 2023年5月 (30)
- 2023年4月 (72)
- 2023年3月 (11)
- 2023年2月 (34)
- 2023年1月 (37)
- 2022年12月 (78)
- 2022年11月 (359)
- 2022年6月 (1193)
- 2022年5月 (570)
- 2022年4月 (1567)
- 2022年3月 (982)
- 2022年2月 (54)
- 2022年1月 (182)
- 2021年9月 (308)
- 2021年8月 (1704)
- 2021年7月 (2423)
- 2021年6月 (1806)
- 2021年5月 (1569)
- 2021年4月 (1380)
- 2021年3月 (1255)
- 2021年2月 (709)
- 2021年1月 (1521)
- 2020年12月 (3626)
- 2020年11月 (1646)
- 2020年10月 (1046)
- 2020年9月 (592)
- 最近发表
-
- 江门信息:职业病有哪些?患了职业病,怎么申请工伤认定?|||广州计算机编程培训
- 阳江信息:第六届“中国创翼”创业创新大赛广东选拔赛正式启动|||计算机培训学校招生
- 揭阳信息:市人社局推进“绿美揭阳”生态建设用心打造“技工林”|||计算机培训学校招生
- 梅州信息:喜讯!梅州市代表团在第六届粤港澳大湾区“粤菜师傅”技能大赛再创佳绩|||计算机培训机构
- 揭阳信息:揭阳市代表团参加2024年“粤菜师傅”服务百县千镇万村高质量发展暨第六届粤港澳大湾区“粤菜师傅”技能大赛活动|||北大青鸟计算机培训中心
- 东莞信息:(虎门)“公共就业服务进校园”专场活动在东职院举行|||计算机培训学校招生
- 东莞信息:(茶山)开展劳动调解培训,提升前端调解质效|||计算机职业技能培训班
- 阳江信息:报考2024年监理工程师需要什么条件?|||大学生计算机培训学校
- 东莞信息:万江街道成功举办2024年东莞市(第十五届)校企合作洽谈会分会场活动|||中专学计算机平面设计女生可以学计算机网络技术好吗
- 东莞信息:(塘厦)塘厦镇名城名企OpenDay活动圆满落幕共绘政校企合作新蓝图|||计算机网络培训学校