首先是开发工具

我使用的是Visual Studio Code,对于首次或者接触比较少的人群来说Vscode是一个不错的开发工具,比较容易上手,内含语言丰富,快捷键多。

HTML(Hyper Text Markup Language) 中文译为超文本标签语言,主要是通过HTML标签对网页中的文本,图片,声音等内容进行描述。也是我们在开发网页时有关网页的结构,框架部分。

HTML有着自己的语言语法骨架格式大概如下

<!DOCTYPE html> 声明文档类型
<html>
<head>
网页相关的身上属性
<title></title>
<meta charset="utf-8" /> 防止中文乱码
</head>
<body>
网页主体(图片,文字,超链接,音乐.....)
</body>
</html>

我们常用的标签有许多

例如有<h1>,<h2>,<h6>,<div>,<span>,<p>,<img>,<strong>,<a>等许多标签

这些标签分为标题标签,段落标签,水平标签等。例如img标签则是用来放图片的,a标签可以拿来放超链接。ul标签是无序列表,ol标签是有序列表等。我们HTML语言就是用这些标签去进行简单的页面布局等方式。我们也可以在一些标签里面进行对标签的高度宽度设置,但是对页面的美化布局一般我们在CSS里面进行,以后会介绍CSS相关的学习。

Web前端基础体验学习过程1 HTML篇相关推荐

  1. HTML及CSS基础入门:web前端基础,看这一篇就够了

    写在开头:这是一篇有关于HTTP和CSS的基础入门教程.你也可以将他当作一本字典,因为我将所有可能用到的语法结构全部设置了标题,你只需要点击标题即可跳转过去.同时,我在最后放置了两个CSS实战,以供读 ...

  2. iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理

    JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...

  3. Web前端基础知识整理

    1. 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签按正确 ...

  4. WEB前端基础(HTML+CSS+JavaScript)(上)最好看最详细的笔记~

    WEB前端基础 当前部分是基于HTML与CSS总结,后续有JavaScript更新~ 文章目录 WEB前端基础 一.HTML概述(阶段1 入门概述) 1.HTML 二.第一个HTML页面 1.HTML ...

  5. web前端基础与CSS入门

    web前端基础 1.嵌套列表 注:列表之间可以互相嵌套,形成多层级的列表. <!DOCTYPE html> <html lang="en"> <hea ...

  6. html web前端基础(1)

    html web前端基础(1) 本人暂时所用的学习软件是HB(HBuilder) 所以下方代码展示也是在HB所呈现的 什么是web : 1.典型的应用: 1.C / S ***** client: 客 ...

  7. html clear属性值,【Web前端基础知识】clear使用方法

    [摘要] 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.下面是[Web前端基础知识]clear使用方法,小编建议有准备参加考试的备考生一定要合理规划时间,仔细阅读相关规定,提 ...

  8. web前端基础-HTML篇

    目录 web前端介绍 网站开发的概述 (1)文本 (2)图像 (3)超链接 (4)表单 静态网页 动态网页 HTML的基本概念 超文本传输协议 统一资源定位符 超文本标记语言 HTML基本格式 (1) ...

  9. Web 前端基础知识面试大全

    目录 一.HTML 1.对 HTML 语义化的理解 2.区别:src 和 href 3.DOCTYPE 的作用 4.HTML5 的新特性 5.script 标签中的 defer 和 async 6. ...

最新文章

  1. VMWARE虚拟机安装系统提示CPU已被客户机操作系统禁用和secureCUT乱码
  2. CDM是什么?和CDP有什么区别?
  3. 攻防世界(Ctf-Web 新手练习区 Writeup)
  4. Android学习之路五:Dialog和Toast
  5. PHP执行系统外部命令函数:exec()、passthru()、system()、shell_exec()
  6. Java逐帧动画播放器V0.1.0
  7. 【今年年会,你中奖了吗?】在线抽奖活动中如何实现中奖概率的自适应调整...
  8. 从C到C++___类继承(五)多重继承
  9. 小型元器件介绍:瓷片电容
  10. 地图 显示 动态轨迹_华为运动健康APP新增运动轨迹视频:晒运动成果新方式,超酷!...
  11. JAVA SE基础笔记
  12. 编程猫计算机软件编程蓝桥杯,蓝桥杯大赛编程猫强势夺魁,参赛学员获奖率高达近90%...
  13. uni-app新手指南
  14. 什么是NaN?以及如何检查值是否为NaN?
  15. Opencv鼠标响应(框选以及取点)
  16. 微信小程序:文件操作
  17. IDE等开发工具的使用(VSCODE + IDEA)
  18. H3C SecPath 防火墙 采用AH-ESP认证算法做IPSEC的典型配置
  19. SpringCloud Alibaba——精读Nacos+CMDB+核心源码阅读(7w字长篇)
  20. SRC 行业安全测试规范

热门文章

  1. MATLAB完美画图:改变坐标轴刻度的显示数值,常数函数的作图
  2. 元数据管理平台技术白皮书
  3. 有赞.测试团队介绍(转)
  4. java面试题_度小满一面_java面经汇总
  5. Cleartext vs. Plaintext vs. Ciphertext vs. Plaintext vs. Clear Text
  6. easyui treegrid php,jQuery EasyUI 数据网格与树插件 – Treegrid 树形网格 | 菜鸟教程
  7. Fedora Core 6安装手册
  8. 三天入门MySQL---DAY 1---库和表的创建、删除、更新
  9. 每个计算机主机只有一个硬盘吗,电脑多加一个硬盘需要重装系统吗? 电脑如何新增加一块硬盘...
  10. CQ CSP-S2021游记