Web前端基础体验学习过程1 HTML篇
首先是开发工具
我使用的是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篇相关推荐
- HTML及CSS基础入门:web前端基础,看这一篇就够了
写在开头:这是一篇有关于HTTP和CSS的基础入门教程.你也可以将他当作一本字典,因为我将所有可能用到的语法结构全部设置了标题,你只需要点击标题即可跳转过去.同时,我在最后放置了两个CSS实战,以供读 ...
- iframe跨域调用js_郑州Web前端基础学习之JS跨域知识梳理
JS是Web前端开发三要素之一,是郑州Web前端基础学习中非常重要的知识点.JS涉及的知识点多且杂,很多同学反映不知如何下手,事实上,只要你认真记.多练习,就可以慢慢掌握它.今天千锋郑州Web前端培训 ...
- Web前端基础知识整理
1. 前端基础知识 文件分类 XML(扩展标记语言) 装载有格式的数据信息,用于各个框架和技术的配置文件描述 特点: 扩展名为.xml 内容区分大小写 标签要成对出现,形成容器,只能有一个 标签按正确 ...
- WEB前端基础(HTML+CSS+JavaScript)(上)最好看最详细的笔记~
WEB前端基础 当前部分是基于HTML与CSS总结,后续有JavaScript更新~ 文章目录 WEB前端基础 一.HTML概述(阶段1 入门概述) 1.HTML 二.第一个HTML页面 1.HTML ...
- web前端基础与CSS入门
web前端基础 1.嵌套列表 注:列表之间可以互相嵌套,形成多层级的列表. <!DOCTYPE html> <html lang="en"> <hea ...
- html web前端基础(1)
html web前端基础(1) 本人暂时所用的学习软件是HB(HBuilder) 所以下方代码展示也是在HB所呈现的 什么是web : 1.典型的应用: 1.C / S ***** client: 客 ...
- html clear属性值,【Web前端基础知识】clear使用方法
[摘要] 前端即网站前台部分,运行在PC端,移动端等浏览器上展现给用户浏览的网页.下面是[Web前端基础知识]clear使用方法,小编建议有准备参加考试的备考生一定要合理规划时间,仔细阅读相关规定,提 ...
- web前端基础-HTML篇
目录 web前端介绍 网站开发的概述 (1)文本 (2)图像 (3)超链接 (4)表单 静态网页 动态网页 HTML的基本概念 超文本传输协议 统一资源定位符 超文本标记语言 HTML基本格式 (1) ...
- Web 前端基础知识面试大全
目录 一.HTML 1.对 HTML 语义化的理解 2.区别:src 和 href 3.DOCTYPE 的作用 4.HTML5 的新特性 5.script 标签中的 defer 和 async 6. ...
最新文章
- VMWARE虚拟机安装系统提示CPU已被客户机操作系统禁用和secureCUT乱码
- CDM是什么?和CDP有什么区别?
- 攻防世界(Ctf-Web 新手练习区 Writeup)
- Android学习之路五:Dialog和Toast
- PHP执行系统外部命令函数:exec()、passthru()、system()、shell_exec()
- Java逐帧动画播放器V0.1.0
- 【今年年会,你中奖了吗?】在线抽奖活动中如何实现中奖概率的自适应调整...
- 从C到C++___类继承(五)多重继承
- 小型元器件介绍:瓷片电容
- 地图 显示 动态轨迹_华为运动健康APP新增运动轨迹视频:晒运动成果新方式,超酷!...
- JAVA SE基础笔记
- 编程猫计算机软件编程蓝桥杯,蓝桥杯大赛编程猫强势夺魁,参赛学员获奖率高达近90%...
- uni-app新手指南
- 什么是NaN?以及如何检查值是否为NaN?
- Opencv鼠标响应(框选以及取点)
- 微信小程序:文件操作
- IDE等开发工具的使用(VSCODE + IDEA)
- H3C SecPath 防火墙 采用AH-ESP认证算法做IPSEC的典型配置
- SpringCloud Alibaba——精读Nacos+CMDB+核心源码阅读(7w字长篇)
- SRC 行业安全测试规范
热门文章
- MATLAB完美画图:改变坐标轴刻度的显示数值,常数函数的作图
- 元数据管理平台技术白皮书
- 有赞.测试团队介绍(转)
- java面试题_度小满一面_java面经汇总
- Cleartext vs. Plaintext vs. Ciphertext vs. Plaintext vs. Clear Text
- easyui treegrid php,jQuery EasyUI 数据网格与树插件 – Treegrid 树形网格 | 菜鸟教程
- Fedora Core 6安装手册
- 三天入门MySQL---DAY 1---库和表的创建、删除、更新
- 每个计算机主机只有一个硬盘吗,电脑多加一个硬盘需要重装系统吗? 电脑如何新增加一块硬盘...
- CQ CSP-S2021游记