html/css基础1

最新推荐文章于 2023-05-07 23:36:37 发布

刘奋

最新推荐文章于 2023-05-07 23:36:37 发布

阅读量343

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_51093031/article/details/109057444

版权

html/css基础1

1.DOS窗口命令

盘符切换的命令：盘符名：
查看当前的文件夹： dir
进入文件夹： cd 文件夹名
退出文件夹： cd …
退出到我们的磁盘根目录： cd \
清屏： cls

2.JAVA开发环境搭建：

1.1JVM虚拟机

Java虚拟机，是运行我们的程序的假想的计算机，是我们的程序的运行环境，是我们的java具有吸引人的地方，我们只需要编写一段代码，就可以运行在不同的系统上。
跨平台：
2.1 任何软件运行都必须在操作系统上，而我们的java编写的软件可以运行在任何的操作系统，这个特性就是跨平台。
2.2 Java虚拟机本身不具有跨平台的特性，每一个操作系统都有不同的版本的虚拟机。

1.2Jre和jdk

Jre：是java程序的运行环境，包含jvm和运行时所需要的核心类库
Jdk：是java程序开发工具包，包含jre和开发人员使用的工具
JDK>JRE>JVM

1.3JDK的安装：

在这里插入图片描述

1.4配置环境变量：

复制我们的jdk的bin完整路径

在这里插入图片描述
打开我们的电脑右击有一个属性：

在这里插入图片描述
找到我们的高级系统设置：

找到环境变量

找到系统当中的path变量，选中点击编辑：
新建一个为位置，放我们的jdk路径就可以

测试一下我们的jdk是否配置成功：
找到我们的dos窗口:输入 java -version命令
在这里插入图片描述

配置环境变量的原因：

如果不配置环境变量，我们的java中的命令只能在我们的jdk的bin目录下使用。
如果配置成功我们的jdk的bin目录下的所有的命令全局都可以使用。

在这里插入图片描述

1.5入门程序：

程序开发的步骤说明：
Java程序开发的三个步骤：
编写，编译，运行
在这里插入图片描述

在d盘中新建一个文件，文件名字修改HelloWorld.java,其中文件名叫HelloWorld，后缀名.java
记事本打开
在文本文件中编写我们的代码：

public class HelloWorld{
   public static void main(String[] args){  
         System.out.println("HelloWorld");
   }
}

在我们的dos窗口中编译我们的代码：

在这里插入图片描述

运行我们的代码：

3.初始我们的html

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

4.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

5.网页的基本信息：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--表示我们的页面的一个标题-->
    <title>优就业</title>
</head>
<body>

</body>
</html>

标签：
成对出现的标签，分别叫做开放标签和闭合标签。
Html的注释：
注释：
任何语言都有注释，注释是给我们程序员自己看，不给电脑看，电脑也不认识。
在这里插入图片描述

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

6.网页的标签：

基本标签：在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>
<!--换行标签-->
自1990年以来，HTML就一直被用作WWW的信息表示语言，使用HTML语言描述的文件需要通过WWW浏览器显示出效果。<br/>
<!--粗体，斜体-->
粗体：<strong>I love you</strong>
斜体：<em>I love you</em>

7.安装我们的idea

在这里插入图片描述

8.配置idea

配置一下你的工具的皮肤：

在这里插入图片描述

通过鼠标滑轮来控制界面字体的大小：

在这里插入图片描述

创建一个HTML文件：

在这里插入图片描述

9.特殊符号：

<!--特殊符号-->
空格：
空&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"/>

10.链接标签：

<!-- 链接标签
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>

11.锚链接：

页面中的锚链接跳转：

<!--顶部的标识-->
<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>
码片

12.功能性链接跳转：

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

13.块元素和行内元素：

块元素：无论内容多少，该元素独占一行如：p h1-h6
行内元素：内容撑开宽度，左右都是行内元素的可以排在一行如：a strong em

14.列表标签

列表就是信息资源的一种展示方式，它可以是信息结构化和条理化，并以列表的形式呈现出来，以便浏览器能够更快捷的获取相应的值
列表分类：
- 无序列表：
- 有序列表：
- 定义列表

<!--有序列表应用范围：试卷，问答-->
<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>

刘奋

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
html/css基础1

html基础1.DOS窗口命令盘符切换的命令：盘符名：查看当前的文件夹： dir进入文件夹： cd 文件夹名退出文件夹： cd …退出到我们的磁盘根目录： cd \清屏： cls2.JAVA开发环境搭建：1.1JVM虚拟机Java虚拟机，是运行我们的程序的假想的计算机，是我们的程序的运行环境，是我们的java具有吸引人的地方，我们只需要编写一段代码，就可以运行在不同的系统上。跨平台：2.1 任何软件运行都必须在操作系统上，而我们的java编写的软件可以运行在任何的操作系统
复制链接

扫一扫