初识Html

最近做了几个项目,大多都有自开发的Fiori需求,咱也不能一问三不知,在网上查看并了解了一些相关知识,对前端的开发产生了兴趣,于是决定按照 HTML -> CSS -> JavaScript 的流程进行学习,不求精通,但求掌握一些相关知识。

目录

  • HTML在哪里编写?
    • HTML编辑器
      • 1.创建HTML文件
      • 2.另存为HTML文件
      • 3.通过浏览器运行
  • HTML基础详解
    • 基础
      • 标题
      • 段落
      • 链接
      • 图像
      • 。。。。。。

HTML在哪里编写?

HTML编辑器

在网上查询了一下,比较通用的Html编辑器一般是VS Code
官网链接https://code.visualstudio.com/

如果需要中文的VS Code,只需要打开VS Code,按Shift+Ctrl+X,进入扩展商店中,搜索Chinese,并安装
初识Html_第1张图片
下面是一个使用VS Code创建HTML文件的例子

1.创建HTML文件

首先我们创建一个文件:

初识Html_第2张图片
然后将这段代码插入:
初识Html_第3张图片
如下代码:





    
    我的第一个Html文件




    

我的第一个页面

我的第一个段落。

2.另存为HTML文件

Ctrl+S 另存为HTML格式文件:

初识Html_第4张图片

3.通过浏览器运行

右键文件名,点击Open In Default Browser,即可跳转到浏览器中
初识Html_第5张图片
即可展示如下:
初识Html_第6张图片

HTML基础详解

基础

标题

HTML 标题(Heading)是通过 h1 - h6 标签来定义的,分别对应不同大小标题。

我的第1个标题

我的第2个标题

我的第3个标题

初识Html_第7张图片

段落

HTML 段落是通过标签 p 来定义的。

这是一个段落。

在这里插入图片描述

链接

HTML 链接是通过标签 a 来定义的。

这是一个链接

在这里插入图片描述

图像

HTML 图像是通过标签 img 来定义的


在这里插入图片描述

。。。。。。

后续不准备更新了,感觉都很基础的知识,适合新手初识。

附上学习链接->菜鸟教程HTML,包含HTML和HTML5学习。

你可能感兴趣的:(Html,html)