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

最新推荐文章于 2022-03-26 10:57:17 发布
最新推荐文章于 2022-03-26 10:57:17 发布
阅读量406 收藏 1
点赞数
分类专栏： 【狂神说java】学习笔记 文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Yy_sushine/article/details/113796585
版权

文章目录


在这里插入图片描述

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.47元/天 解锁文章
Yy_sushine
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
【狂神说Java】阶段四笔记2. JavaWeb-02
Yy_sushine的博客
03-10 178
文章目录6 Servlet6.1 Servlet简介6.2 HelloServlet6.3 Servlet原理6.4 Mapping的问题6.5 ServletContext1）共享数据2）获取初始化参数3）请求转发4）读取资源文件6.6 HttpServletResponse1）简单分类2）常见应用3）验证码功能4）实现重定向（重要）6.7 HttpServletRequest1）获取参数，请求转发 6 Servlet 6.1 Servlet简介 Servlet就是Sun公司开发动态web的一门技术，Su
【狂神说Java】HTML5完整教学笔记
qq_44005101的博客
05-18 1354
【狂神说Java】HTML5完整教学笔记01 HTML详解1.1 初识HTML1.2 网页基本标签1.3 图像、超链接标签及网络布局1.4 表单及表单应用1.5 表单初级验证 01 HTML详解 1.1 初识HTML Hyper Text Markup Language（超文本标记语言） 超文本包括：文字、图片、音频、视频、动画等。 Html5+Css3 —>现在使用的版本 Html5提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，
【狂神说JAVA】JavaWeb
pan_h1995的博客
11-13 3160
JavaWeb Java Web 1、基本概念 1.1、前言 web开发： web，网页的意思 ， www.baidu.com 静态web html，css 提供给所有人看的数据始终不会发生变化！ 动态web 淘宝，几乎是所有的网站； 提供给所有人看的数据始终会发生变化，每个人在不同的时间，不同的地点看到的信息各不相同！ 技术栈：Servlet/JSP，ASP，PHP 在Java中，动态web资源开发的技术统称为JavaWeb； 1.2、web应用程序 web应用程序：可以提供浏览器
狂神Java学习笔记————前端入门——html、css、JavaScript学习代码
06-17
此资源为我跟着B站up主【遇见狂神说】java系列视频中前端入门部分学习过程中所写 大部分和视频保持一致，有一些自己的理解和一些扩展的部分
JAVA前端部分（HTML+CSS+JavaScript）（狂神说笔记）
a_123456598的博客
11-10 1534
【HTML】 1.初识HTML： 2.元素=标签+属性+内容 （1）网页基本标签 （2）图像标签 （3）超链接标签 a、页面间链接 b、锚链接 c、功能性链接 QQ链接代码在“QQ推广”里生成。 【补充】块元素和行内元素 元素包括：标签、属性、内容。 （4）列表标签 （5）表格标签 （6）媒体元素 3.页面结构 放在<body></body>里面。 4.内联框架： targ
HTML学习Day01(狂神说Java)
qq_43421528的博客
03-26 211
HTML详解 1 初识HTML 1.1 什么是HTML HTML Hyper Text Markup Language(超文本标记语言)超文本包括：文字，图片，音频，视频，动画等 1.2 HTML发展史 1.3 HTML的优势 世界知名浏览器厂商对HTML5的支持 微软 Google 苹果 Opera Mozilla 市场的需求 跨平台 1.4 W3C标准 W3C World Wide Wed Consortium(万维网联盟) 成立于1994年，Wed技术领域最权威和具影响力的国
狂神说java的笔记和源码.zip
05-16
狂神说java的笔记和源码 狂神说java的笔记和源码 狂神说java的笔记和源码 狂神说java的笔记和源码 狂神说java的笔记和源码 狂神说java的笔记和...
狂神说笔记内容.zip
08-15
【狂神说Java入门笔记】是一份针对初学者的详细教程资源，主要涵盖了Java语言的基础知识，旨在帮助学习者从零开始掌握Java编程。压缩包内的"JavaSE：Java入门.pdf"是主体教程文档，而"说明.txt"则包含了一些关于文件...
总结（狂神说java中的笔记）.md
12-10
包括基本的java、javaweb、jdbc、mysql、ssm、vue、大前端、bootstrap等的笔记记录
狂神说Docker容器学习笔记全部.pdf
12-22
狂神说Docker容器学习笔记全
狂神说java笔记 MySQL和JDBC.zip
12-31
《狂神说Java笔记——MySQL和JDBC》是针对Java开发者深入学习数据库管理和JDBC编程的一份详实教程。这份资料主要围绕两个核心主题：MySQL数据库的使用和Java中的JDBC（Java Database Connectivity）技术，旨在帮助...
JAVA基础学习笔记(狂神说)
weixin_44079186的博客
02-25 1648
一、坚持！！！多写多练！ 二、
狂神说java，html5基础知识讲解全总结
u011062735的博客
06-11 1076
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>狂神HTML5讲解知识总结-标题</title> <meta name="keywords" content="搜索关键字，如果此处书写大量的关键字信息，是一种黑冒的作法，而且现在的搜索算法很先进，已经根据网页内内容，生成关键信息。"> <meta
java前端之HTML
yalu_123456的博客
06-11 341
概述 什么是HTML 超文本标记语言 ( Hyper Text Markup Language ) 超文本 : 文字 , 图片 , 音频 , 视频 , 动画 ,… 发展历史 -HTML2.0 --> 文字 , 特别丑的文本框 HTML 5 ---- > 动画 , 渲染… HTML的优势 所有的浏览器都支持 市场的需求—从C/S—>b/s架构 跨平台 W3C标准 万...
狂神Java学习笔记——HTML（一）
hyx的博客
06-08 667
初识HTML HyperTextMarkupLanguage（超文本标记语言） < body >、< /body>等成对的标签，分别叫做开放标签和闭合标签，单独呈现的标签（空元素），如< hr/ >;意为用/来关闭空元素。 html注释：< !–注释内容–> <!--DOCTYPE：告诉浏览器使用什么规范（默认是html）--> <!DOCTYPE html> <!--语言 zh中文 en英文--> <htm
【狂神说Java】阶段一笔记25. java的GUI编程02-Swing
Yy_sushine的博客
01-31 427
3 Swing 3.1 窗口、面板 public class JFrameDemo { //init(); 初始化 public void init(){ //顶级窗口 JFrame jFrame = new JFrame("这是一个JFrame窗口"); jFrame.setVisible(true); jFrame.setBounds(100, 100, 200, 200); //设置文字JLabel
【狂神说Java】阶段一笔记33. java反射
Yy_sushine的博客
02-08 371
2 反射机制 动态语言 是一类在运行时可以改变其结构得语言：例如新的函数、对象、甚至代码可以被引进，已有的函数可以被删除或是其他结构上的变化。通俗点说就是在运行时代码可以根据某些条件改变自身结构。 主要动态语言：Object-C、C#、JavaScript、PHP、Python等 静态语言 与动态语言相对应得，运行时结构不可变的语言就是静态语言。如Java、C、C++ Java不是动态语言，但Java可以称之为”准动态语言“。即Java有一定得动态性，我们可以利用反射机制获得类似动态语言得特性。Jav
【狂神说Java】阶段三笔记1. MySQL-01
Yy_sushine的博客
02-20 308
文章目录MySQL1 初识MySQL1.1 为什么学习数据库1.2 什么是数据库1.3 数据库分类1.4 MySQL简介1.5 安装MySQL1.6 安装SQLyog1.7 连接数据库2 操作数据库（了解）2.1 操作数据库2.2 数据库的数据类型2.3 数据库的字段属性（重点）2.4 创建数据库（重点）2.5 数据表的类型2.6 修改删除表3 MySQL数据管理3.1 外键（了解）3.2 DML语言（背）3.3 添加Insert3.4 修改update3.5 删除 MySQL 1 初识MySQL Java
狂神说笔记(最全).zip
最新发布
07-17
### 回答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、付费专栏及课程。

余额充值