Day01-HTML

目录

一、初识web前端

二、HTML快速入门

三、VS Code开发工具

四、标签样式

标题排版

标题样式 1

​编辑​编辑标题样式 2

 超链接

 正文排版

页面布局 

 五、表格、表单标签

表格标签

表单标签 


一、初识web前端

Web标准也称为网页标准,由一系列的标准组成,大部分由W3C( World Wide Web Consortium,万维网联盟)负责制定。 三个组成部分:

  • HTML:负责网页的结构(页面元素和内容)。
  • CSS:负责网页的表现(页面元素的外观、位置等页面样式,如:颜色、大小等)。 J
  • avaScript:负责网页的行为(交互效果)。

HTML(HyperText Markup Language):超文本标记语言

  • 超文本:超越了文本的限制,比普通文本更强大。除了文字信息,还可以定义图片、音频、视频等内容。
  • 标记语言:由标签构成的语言
  • HTML标签都是预定义好的。例如:使用<a>展示超链接,使用<img>展示图片,<video>展示视频。
  • HTML代码直接在浏览器中运行,HTML标签由浏览器解析。

二、HTML快速入门

  1. 新建文本文件,后缀名改为 .html
  2. 编写 HTML 结构标签
  3. 在<body>中填写内容 

HTML的特点

  • HTML标签不区分大小写
  • HTML标签属性值单双引号都可以
  • HTML语法松散

三、VS Code开发工具

VS Code 安装使用

  • Visual Studio Code(简称 VS Code )是 Microsoft 于2015年4月发布的一款代码编辑器。
  • VS Code 对前端代码有非常强大的支持,同时也其他编程语言(例如:C++、Java、Python、PHP、Go等)。
  • VS Code 提供了非常强大的插件库,大大提高了开发效率。
  • 官网: https://code.visualstudio.com

注意事项:

        作为一名软件开发工程师,建议以后安装所有与开发相关的软件,尽量安装在一个没有中文,不带空格的目录下。 


四、标签样式

标题排版

标题样式 1

标题样式 2

 超链接

 正文排版

页面布局 


 五、表格、表单标签

表格标签

表单标签 


 注:本笔记仅供参考学习,来源于黑马程序员哔哩哔哩视频

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

万叶学编程

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值