day02

最新推荐文章于 2024-09-27 09:37:38 发布
最新推荐文章于 2024-09-27 09:37:38 发布
阅读量194 收藏
点赞数 1
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/IT007IT/article/details/109137184
版权

day02：

前端要学的东西：html、css、js、jquery、vue

1、初始我们的html

html称为超文本标记语言，是一种标示性的语言，它包括一系列标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体，HTML文本是由HTML命令组成的描述性文本，HTML命令可以说是文字图形、动画、声音、表格、链接等。

2、HTML的历史

超文本标记语言（第一版）–在1993年6月作为互联网工程小组（IETF）工作草案发布（并非标准）：

HTML 2.0——1995年11月作为RFC 1866发布，在RFC 2854于2000年6月发布之后被宣布已经过时

HTML 3.2——1997年1月14日，W3C推荐标准

HTML 4.0——1997年12月18日，W3C推荐标准

HTML 4.01（微小改进）——1999年12月24日，W3C推荐标准

HTML 5——2014年10月28日，W3C推荐标准[4]

HTML5的优势：

世界知名的浏览器厂商对H5的支持。

微软。苹果。Google。。。。。。

市场的需求

跨平台

W3C:

万维网联盟，说白就是提出一个标准，我们按照这个标准来就可以。

结构化标准语言：（HTML,xml）

表现标准语言：css

行为标准：js

3、常用工具:

记事本，idea，WebStorm。。。。。。

4、网页的基本信息

标签：

成对出现的标签，分别叫做开放标签和闭合标签，

Html的注释：

注释：

任何语言都有注释，注释是给我们程序员自己看，不给电脑看，电脑也不认识

在我们的idea中。快速生成我们的注释的快捷键：ctrl+/

5、网页的标签

基本标签：在body便签中

<!--标题的标签-->
<!--ctrl+D-->
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
 
<!--段落标签-->
<p>HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。HTML是由Web的发明者</p>
<p>Tim Berners-Lee和同事 Daniel W. Connolly于1990年创立的一种标记语言，它是标准通用化</p>
<p>标记语言SGML的应用。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台(如</p>
<p>UNIX， Windows等)。使用HTML语言，将所需要表达的信息按某种规则写成HTML文件，通过专用的</p>
<p>浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。 [2]</p>
<!--换行标签-->
自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。<br/>
HTML是一种建立网页文件的语言，通过标记式的指令(Tag)，将影像、声音、图片、文字动画、影视等内容显示出来。<br/>
事实上，每一个HTML文档都是一种静态的网页文件，这个文件里面包含了HTML指令代码，这些指令代码并不是一种程序语言<br/>
<!--粗体，斜体-->
<h1>字体样式标签</h1>
粗体：<strong>I love you</strong>
斜体：<em>I love you</em>

6、安装我们的idea

7、特殊符号

<!--特殊符号-->
空格：
空&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格：
大于号：&gt;<br/>
小于号：&lt;
<!--图片标签
  src：图片的路径
    相对路径，绝对路径
  alt：当我们通过src找不到图片的时显示的文字
  title：悬停文字
  width：宽度
  height：高度
-->
<img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
     alt="网页学习" title="悬停文字" width="800" height="1000"/>

8、链接标签

<!-- 链接标签
href：必须要填写，表示我们的要跳转的页面
target：表示在哪个窗口打开，
   _blank:表示在我们的新的页面代开
   _self:表示在我们当前页面打开
-->
<a href="https:www.baidu.com"
   target="_self">点我，进入百度</a>
其中标签是可以嵌套的
<a href="https:www.baidu.com" target="_self">
    <img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
         alt="网页学习" title="悬停文字" width="800" height="1000"/></a>

9、锚链接

页面中的锚链接跳转

<!--顶部的标识-->
<a name="#top">我是顶部</a>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<!--跳转顶部的链接-->
<a href="#top">回到顶端</a>

页面间的跳转：

在我们的第一个页面中写的标签

<!--顶部的标识-->
<a name="#top">我是顶部</a>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<p><img src="resource/u=1310312326,3787108147&fm=26&gp=0.jpg"
        alt="网页学习" title="悬停文字" width="800" height="1000"/></p>
<!--底部链接-->
<a name="down">我是底部</a>
 
在新建一个文件写我们的跳转链接：
<!--超转页面的超链接-->
<a href="锚链接.html#top">跳转</a>

10、功能性链接跳转：

<!--功能链接
邮箱链接：mailto
-->
<a href="mailto:1005046812@qq.com">点击联系我</a>

11、块元素和行内元素：

块元素：无论内容多少，该元素独占一行

p h1-h6

行内元素：内容撑开宽度，左右都是行内元素的可以排在一行

a strong em

12、列表标签

列表就是信息资源的一种展示方式，它可以是信息结构化和条理化，

并以列表的形式呈现出来，以便浏览器能够更快捷的获取相应的值

列表分类：
无序列表：
有序列表：
定义列表
<!--有序列表应用范围：试卷，问答-->
<ol>
    <li>JAVA</li>
    <li>python</li>
    <li>运维</li>
    <li>测试</li>
    <li>c/c++</li>
</ol>
<!--无序列表
应用范围：导航，侧边栏
-->
<ul>
    <li>java</li>
    <li>python</li>
    <li>运维</li>
    <li>大前端</li>
</ul>
<!--自定义列表
公司网站-->
<dl>
    <dt>学科</dt>
    <dd>java</dd>
    <dd>大前端</dd>
    <dd>运维</dd>
    <dd>大数据</dd>
</dl>
小白来报道
关注
cgb2106-day02
cgblpx的博客
07-27 5830
标题
Python Day02习题
Bailulu000的博客
08-16 2128
对三个整数排序 比较价钱 石头剪刀布 编写程序提示用户输入月和年，然后显示这个月的天数 硬币 回文数 三角形
实训Day02
qq_67958752的博客
05-07 1939
自定义配置项 name : zhang。
瑞吉外卖-全网最全笔记-Day02
eadzsdad的博客
04-17 9356
黑马教程-瑞吉外卖笔记，基于流行的Spring Boot、mybatis plus等技术框架进行开发，体验真实项目开发流程、需求分析过程和代码实现过程。增加开发的经验，适合刚学完java全家桶的小白入手。
算法刷题-Day02
weixin_45374181的博客
05-10 1504
书接上回。
Mybatis-Day02
Anoraker的小屋
03-07 6944
Mapper.xml解析 statement 标签:select、update、delete、insert 分别对应查询、修改、删除、添加操作。 parameterType:参数数据类型 基本数据类型,包装类,String等，如通过 id 查询 Account <select id="findById" parameterType="int" resultType="com.edu.hncj.entity.User"> select * from user4
p6-day02 作业
weixin_45228198的博客
03-27 2440
看图完成如下作业 创建Vue项目，并配置element-ui组件、配置路由router、配置vuex集中状态管理、配置vue的跨域代理 实现如上的页面布局，提示：容器布局、导航菜单、表格 点击每个菜单项都有子菜单，如图： 点击预览部门，展示出所有的部门数据。 后端使用day01 作业的django项目及对应的API 点击管理部门，可以实现增删改 后端使用day01 作业的django项目及对应的API ...
# Day02-Java基础
Java厂长
07-27 6873
Day02-Java 1、方法的基本定义 限制条件：本次所讲解的方法指的是在主类中定义，并且由主方法由主方法直接调用。 方法是指就是一段可以被重复调用的代码块。 在java里面如果想要进行方法的定义，则可以使用如下的方法进行完成。 public static 方法返回值 方法名称（[参数类型 变量，....]）{ 方法体代码 ; return [返回值]; } 在定义方法的时候对于方法的返回值由以下两类：void没用返回值和数据类型（基本类型、引用类型）。 public class T
Day02
03-09
在IT学习过程中，"Day02"这样的标题可能代表着学习日程或课程的第二天，通常会涵盖前一天基础知识的巩固以及新知识的引入。虽然没有具体的描述和标签来指明涉及的具体技术领域，我们可以根据常见的学习路径来推测...
html TAB切换按钮变色、自动生成table
TrueLink的博客
09-24 466
/ 为当前点击的按钮添加.active-tab类。/* 文本颜色变为白色，以便在蓝色背景上可见 */// 移除所有按钮的.active-tab类。/* 鼠标悬停时显示手指形状 */// 动态生成选项卡头部和内容。// 动态生成选项卡头部和内容。/* 选中时背景色变为蓝色 */// 默认显示第一个选项卡的内容。/* 增加内边距以便点击 */// 显示对应的选项卡内容。/* 初始背景色透明 *//* 添加一些间隔 */// 更多数据...// 更多数据.../* 简单的样式 */
HTML粉色烟花秀
兔子王
09-21 7109
HTML语言实现的粉红色跨年烟花秀的完整代码。
python：基于django的html订单提交页面
我是你大爷
09-23 700
这里给出一个基于django的html订单提交页面，具有文件上传和订单提交两个功能，使用javascript来代理实现交互功能。
python：基于django的html二维码页面生成功能页面
我是你大爷
09-23 531
这里给出一个基于django的html二维码页面生成功能页面，具有文件上传和订单提交两个功能，使用javascript来代理实现交互功能（包含无限扩展内容框生成功能）。
html TAB切换按钮变色、自动生成table--使用函数优化结构
TrueLink的博客
09-24 854
<!DOCTYPE html> <head> <meta charset="UTF-8"> <title>Dynamic Tabs with Table Data</title> <style> /* 简单的样式 */ .tab-content { display: none; border: 1px solid #ccc; padding: 1px
HTML中的padding和margin
最新发布
学无止境
09-27 463
作用增加元素内部的空间，使内容不显得过于拥挤。可以用来突出元素的重要性或增加视觉层次感。语法（分别对应上、右、下、左的内边距值为 10 像素和 20 像素）。也可以使用缩写形式，如（四个方向内边距均为 10 像素）。示例假设一个<div>元素，设置了，那么这个元素内部的内容与边框之间就会有 20 像素的距离。二、Margin（外边距）Margin 是指元素边框与相邻元素之间的距离。它用于控制元素之间的间隔。作用分隔不同的元素，使页面布局更加清晰。可以用来调整元素在页面中的位置。语法。
网页设计html心得
ikunlxx的博客
09-23 871
CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS通常称为CSS样式或样式表，主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等，但是各个浏览器对它的支持不统一，所以流行的版本仍然是CSS3。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。当然，除了这些元素，网页中还可以包含音频、视频以及Flash等。
HTML引用CSS
2401_82561004的博客
09-23 1263
CSS 样式需要引用到 HTML 中才能真正有效，那么如何才能在 HTML 中引用 CSS 呢？下面就来介绍一下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值