【狂神说Java】阶段二笔记1. HTML5


在这里插入图片描述

1 HTML

  • HTML:Hyper Text Markup Language(超文本标记语言)

  • 浏览器厂商对HTML5的支持:跨平台

  • W3C

    • World Wide Web Consortium(万维网联盟)
    • 成立于1994年,Web技术领域最权威和具影响力的国际中立性技术标准机构
    • http://www.w3.org/
    • http://www.chinaw3c.org/
  • W3C标准

    • 结构化标准语言(HTMl、XML)
    • 表现标注语言(CSS)
    • 行为标准(DOM、ECMAScript)

1.1 网页基本信息

<!-- DOCTYPE:告诉浏览器,我们要使用什么规范 -->
<!DOCTYPE html>

<html lang="en">

<!-- 注释快捷键:Ctrl + / -->
<!-- head标签代表网页头部 -->
<head>
    <!-- meta:描述性标签,它用来描述我们网站的一些信息,一般用来作SEO -->
    <meta charset="UTF-8">
    <meta name = "keywords" content="狂神说Java,西部开源">
    <meta name = "description" content="来这个地方可以学习Java">

    <!-- title 网页标题 -->
    <title>我的第一个网页</title>
</head>

<!-- body标签代表网页主体 -->
<body>

Hello, World!

</body>
</html>

1.2 网页基本标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基本标签学习</title>
</head>
<body>

<!-- 标题标签 -->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>
<h4>四级标签</h4>
<h5>五级标签</h5>
<h6>六级标签</h6>

<!-- 段落标签 -->
<!-- 打p,之后按住Tab键自动生成标签 -->
<p>两只老虎,两只老虎,跑得快,跑得快,</p>
<p>一只没有眼睛,一只没有尾巴,真奇怪!真奇怪!</p>

<!-- 水平线标签 -->
<hr/>

<!-- 换行标签(自闭和标签,可以不写/) -->
两只老虎,两只老虎,跑得快,跑得快,<br/>
一只没有耳朵,一只没有尾巴,真奇怪!真奇怪!<br/>

<!-- 字体样式标签 -->
<h1>字体样式标签</h1>
粗体(行内元素):<strong>I Love You</strong>
<br/>
斜体:<em>I Love You</em>

<br/>
<!-- 注释和特殊符合 -->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br/>
大于号:&gt;
<br/>
小于号:&lt;
<br/>
版权符号:&copy;

<!-- 特殊符号记忆方式:& + 首字母 -->

</body>
</html>

1.3 图像标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图像标签</title>
</head>
<body>
<!-- img学习
src:图像地址;../ 表示上一级目录(相对路径)
alt:图像的替代文字
title:鼠标悬停提示文字
width:图像宽度
height:图像高度 -->
<img src="../resources/image/huo.jpg" alt="鸣人" title="悬停文字" width="200" height="200">
    
<a href="4.链接标签.html#top">跳转</a>

</body>
</html>

1.4 链接标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>链接标签</title>
</head>
<body>
<!--使用name作为锚标记-->
<a name="top"></a>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
### 回答1: “狂神说笔记(最全).zip”是一种压缩文件,其中包含了狂神说这个课程的笔记。狂神说是一个面向程序员的在线教育平台,提供了各种与编程相关的视频课程。这个压缩文件中的笔记是对狂神说课程内容的总结和整理。 狂神说课程内容广泛且深入,覆盖了编程语言、算法、数据结构、框架等方面的知识。这些笔记可以帮助学习者更好地掌握这些知识,加深对课程内容的理解。 这个压缩文件的存在可以方便学习者进行复习和查阅。通过解压缩文件,可以得到多个文件或文件夹,其中存放着各个章节或主题的笔记。学习者可以根据自己的需求选择查阅相应的笔记,帮助理解与记忆课程内容。 这份笔记包含了狂神说课程中的重点内容,对于学习者来说具有很高的参考价值。通过学习这些笔记,学习者可以事半功倍地掌握和应用课程中的知识。 总之,“狂神说笔记(最全).zip”是一份帮助学习者更好地理解和掌握狂神说课程内容的文件。通过查阅这些笔记,学习者可以更好地进行学习和复习,提高自己在编程领域的知识水平。 ### 回答2: 《狂神说笔记(最全).zip》是一本关于狂神在讲座中的精彩演讲的笔记整理文件。狂神是一个知名的演讲家和激励者,以其独特的风格和深入的观点受到广大听众的喜爱和追捧。 这本《狂神说笔记(最全).zip》涵盖了狂神在各个主题上的演讲内容,包括个人成长、职业发展、人际关系、情绪管理等等。这些内容既有理论的解析,也有实操的经验分享,适用于不同背景和需求的听众。 通过阅读《狂神说笔记(最全).zip》,读者可以更好地理解狂神的演讲风格和思想,学习到他的人生智慧和实用的方法论。狂神结合自己的真实经历和社会案例,以生动有趣的方式演讲,告诉听众如何在人生的各个领域中获得成功和平衡。 这本笔记整理文件的特点是详尽全面,几乎涵盖了狂神的所有演讲内容。读者可以通过阅读这本文件了解狂神的核心思想和阐述方式,学习他的演讲技巧和表达方法。 《狂神说笔记(最全).zip》是一本值得收藏和反复阅读的书籍,它能够帮助读者在个人成长和事业发展中获得启发和指导。无论是正在追求成功的年轻人,还是正在寻找人生方向的成年人,都能从中受益匪浅。 总而言之,《狂神说笔记(最全).zip》是一本珍贵的笔记整理文件,它记录了狂神在演讲中的精彩瞬间和宝贵经验,对读者的个人成长和职业发展有着积极的影响。 ### 回答3: 狂神说笔记(最全).zip是一份压缩文件,里面包含了狂神说这个教程的笔记资料。狂神说是一个编程教学平台,旨在帮助初学者快速入门编程并提升技能。 这份笔记整理了狂神说教程的核心内容,包括各种编程语言的基本语法、常用的编程技巧和实践项目等。它们以易于理解和实际运用为目标,帮助读者轻松掌握编程的基本知识和技能。 笔记中的内容涵盖了多个编程语言,例如Java、Python、JavaScript等,以及常用的开发工具和框架,比如Spring Boot、Vue.js等。无论你是想学习后端开发、移动应用开发还是前端开发,这份笔记都能帮助你快速入门并提高技能。 此外,笔记中还附带了一些编程实战项目,可以帮助读者将学到的知识应用到实际项目中。这些项目从简单到复杂,通过逐步实践的方式帮助读者巩固所学的知识,提高编程能力。 总之,狂神说笔记(最全).zip是一份非常有价值的编程资料,无论你是初学者还是有一定经验的开发者,它都能帮助你提升编程技能,掌握各种编程语言和工具。希望你能够充分利用这份笔记,学有所获,取得更大的成就。
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值