自己开发html组态软件教程,《前端开发》第二节:10天教你学会用Html和CSS写简单网页...
常用编写软件
我平时喜欢用的就两个:HBuilder X和Visual Studio Code百度搜索就能下载,都是免费的。安装后也很好用。初学者容易上手。
今天说说Html,一般我们经常的页面大致包括三个部分:第一是Html,第二是Css,第三是Javascript。
HTML 标签
我们在电脑里面访问的每个页面都会包括如下代码:
:告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义(DTD)来解析文档。
创建一个HTML文档
设置文档的标题
head 主要是一些头部配置,样式和js都可以配置这里面。比如样式可以如下两种方式:
body主要是内容区,也就是我们平时打开网页看到的东西,基本都在body里面。上面的结构熟悉就行了。知道他们干么的就行了。
下面就说说body里面常见的HTML标签。标签都是有开始和结束,比如 a标签 。都是以尖括号开始和结束。
第一个要学习的H标签从1到6
常见的H标签 数字越大字越小,也可以自己写样式给你想要的大小
我是标题
我是标题
我是标题
我是标题
我是标题
我是标题
第二个要学习的div、p、span标签 比较常用
第三个要学习的ul标签
ul的格式类似目录,格式如下
- 内容区可以放很多东西,其他标签、图片等等
第四个要学习的table表格标签
第五个要学习的表单标签
表单包括的比较多介绍几个常见的:比如
按钮 button :我是按钮
输入框 input:
单选 radio:
多选 checkbox:
标签里面的type name id value都是标签的属性,表单基本都有这些属性。其他就不一一介绍。
预先格式化文本
下划线
黑体字
强调文本(通常是斜体加黑体)
加重文本(通常是斜体加黑体)
记住上面的所有标签第一步就完成了。你用这些标签就能写一个没有样式的网页。
同步视频我也会发布,想学前端开发的伙伴们,没有捷径,只有死记硬背和不断的练习写代码,不懂就百度,基础很重要,基础打牢以后想提升就会很快。
举报/反馈
自己开发html组态软件教程,《前端开发》第二节:10天教你学会用Html和CSS写简单网页...相关推荐
- 前端开发用什么工具?前端开发需要哪些软件
孔子说,"工欲善其事,必先利其器",当前运用前端开发,也是很恰当的,那么,前端开发用什么软件?前端开发用什么工具?下面php中文网就为大家总结一下前端开发开发工具. 一:HBuil ...
- 4399手游事业部,诚聘AS开发主程、C++前端开发工程师、erlang后端开发工程师
4399手游事业部,诚聘AS开发主程.C++前端开发工程师.erlang后端开发工程师 面对手机游戏的无限前景,你还Hold得住吗?你是否正执着寻找着一个优秀的手机游戏平台一展身手?赶快加入我们439 ...
- 软件构造 第一章第二节 软件开发的质量属性
软件构造 第一章第二节 软件开发的质量属性 1.软件系统质量指标 External quality factors affect users 外部质量因素影响用户 Internal quality ...
- 《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记
<疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践>学习笔记 二〇一九年二月十三日星期三2时28分54秒 前提:本书适合有初步HTML.CSS.JavaScri ...
- Plecs电力电子仿真专业教程-第一季 第二节 Plecs功能介绍
Plecs电力电子仿真专业教程-第一季 目录 第一章 Plecs是什么 第二节 Plecs 的功能介绍 第三节 Plecs界面介绍 补充课程 Plecs的安装教程与软件下载 Plecs电力电子仿真专业 ...
- 最新《北风网web全栈教程 前端开发全套教程》
教程目录: 1-1初级教程 入门必备 - 新手学HTML+CSS 1-2初级教程 入门必备 - PS技法与切片技术 1.熟悉Photoshop基本知识 2.Photoshop工具的使用 3.Photo ...
- Iconics genesis64组态软件WPF基础开发(2)
前两天刚刚把组态软件扔到WPF上,今天要继续啊! 这个组态软件Iconics Genesis64 完全是基于WIndows规范开发的.API简单的不可思议,...但是还是没有找到能够简单写鼠标移动和滚 ...
- 组态软件二次开发平台之前景与需求
组态软件,又称组态监控软件系统软件.译自英文SCADA,即 Supervisory Control and Data Acquisition(数据采集与监视控制).它是指一些数据采集与过程控制的专用软 ...
- java前端编程用什么软件_java前端开发的工具
1 java前端开发的工具 在实际开发中,Java也有多个应用方向,手机开发.桌面开发.企业级应用开发.嵌入式开发等.所以学好Java,无疑多了一把通往成功大门的钥匙.下面小编给大家说说java前端开 ...
最新文章
- 我们在进行着一场拔河比赛……
- [设计模式] ------ 代理模式
- android studio 调用c++,android studio配置opencv,调用c++,处理图像
- 【Python】用tkinter做一个采色器
- 扩展单精度格式是什么_SVE(可伸缩矢量扩展)介绍
- C# Reflection
- 将Linux代码移植到Windows的简单方法
- XCode使用自带SVN,SVN命令
- 矩阵的特征值及特征向量理解
- 将mmd模型改造成游戏可用模型
- 服务器如何连接多屏显示器,电脑设置两个显示器多屏显示
- 时间管理类APP分析:拇指时间
- WPF模板(一)详细介绍
- 使用uvm_report_catcher屏蔽掉特定的uvm_error/uvm_warning
- 计算机学院举办 温暖冬日 感恩社会 活动,温暖冬日 感恩社会 计算机学院举办冬季送温暖活动...
- 骆小刚:Linux后台服务启动方式systemd、daemon、nohup大比拼
- uc收藏导入html,win10系统下UC浏览器如何导入其他浏览器的收藏夹
- 用python实现简单五子棋游戏的练习过程
- CPM、CPC、CPA、CPS、CPL、CPR 是什么意思 -解析互联网广告术语
- 在Ubuntu中配置中文输入法