常用编写软件

我平时喜欢用的就两个: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写简单网页...相关推荐

  1. 前端开发用什么工具?前端开发需要哪些软件

    孔子说,"工欲善其事,必先利其器",当前运用前端开发,也是很恰当的,那么,前端开发用什么软件?前端开发用什么工具?下面php中文网就为大家总结一下前端开发开发工具. 一:HBuil ...

  2. 4399手游事业部,诚聘AS开发主程、C++前端开发工程师、erlang后端开发工程师

    4399手游事业部,诚聘AS开发主程.C++前端开发工程师.erlang后端开发工程师 面对手机游戏的无限前景,你还Hold得住吗?你是否正执着寻找着一个优秀的手机游戏平台一展身手?赶快加入我们439 ...

  3. 软件构造 第一章第二节 软件开发的质量属性

    ​软件构造 第一章第二节 软件开发的质量属性 1.软件系统质量指标 External quality factors affect users 外部质量因素影响用户 Internal quality ...

  4. 《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记

    <疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践>学习笔记 二〇一九年二月十三日星期三2时28分54秒 前提:本书适合有初步HTML.CSS.JavaScri ...

  5. Plecs电力电子仿真专业教程-第一季 第二节 Plecs功能介绍

    Plecs电力电子仿真专业教程-第一季 目录 第一章 Plecs是什么 第二节 Plecs 的功能介绍 第三节 Plecs界面介绍 补充课程 Plecs的安装教程与软件下载 Plecs电力电子仿真专业 ...

  6. 最新《北风网web全栈教程 前端开发全套教程》

    教程目录: 1-1初级教程 入门必备 - 新手学HTML+CSS 1-2初级教程 入门必备 - PS技法与切片技术 1.熟悉Photoshop基本知识 2.Photoshop工具的使用 3.Photo ...

  7. Iconics genesis64组态软件WPF基础开发(2)

    前两天刚刚把组态软件扔到WPF上,今天要继续啊! 这个组态软件Iconics Genesis64 完全是基于WIndows规范开发的.API简单的不可思议,...但是还是没有找到能够简单写鼠标移动和滚 ...

  8. 组态软件二次开发平台之前景与需求

    组态软件,又称组态监控软件系统软件.译自英文SCADA,即 Supervisory Control and Data Acquisition(数据采集与监视控制).它是指一些数据采集与过程控制的专用软 ...

  9. java前端编程用什么软件_java前端开发的工具

    1 java前端开发的工具 在实际开发中,Java也有多个应用方向,手机开发.桌面开发.企业级应用开发.嵌入式开发等.所以学好Java,无疑多了一把通往成功大门的钥匙.下面小编给大家说说java前端开 ...

最新文章

  1. 我们在进行着一场拔河比赛……
  2. [设计模式] ------ 代理模式
  3. android studio 调用c++,android studio配置opencv,调用c++,处理图像
  4. 【Python】用tkinter做一个采色器
  5. 扩展单精度格式是什么_SVE(可伸缩矢量扩展)介绍
  6. C# Reflection
  7. 将Linux代码移植到Windows的简单方法
  8. XCode使用自带SVN,SVN命令
  9. 矩阵的特征值及特征向量理解
  10. 将mmd模型改造成游戏可用模型
  11. 服务器如何连接多屏显示器,电脑设置两个显示器多屏显示
  12. 时间管理类APP分析:拇指时间
  13. WPF模板(一)详细介绍
  14. 使用uvm_report_catcher屏蔽掉特定的uvm_error/uvm_warning
  15. 计算机学院举办 温暖冬日 感恩社会 活动,温暖冬日 感恩社会 计算机学院举办冬季送温暖活动...
  16. 骆小刚:Linux后台服务启动方式systemd、daemon、nohup大比拼
  17. uc收藏导入html,win10系统下UC浏览器如何导入其他浏览器的收藏夹
  18. 用python实现简单五子棋游戏的练习过程
  19. CPM、CPC、CPA、CPS、CPL、CPR 是什么意思 -解析互联网广告术语
  20. 在Ubuntu中配置中文输入法

热门文章

  1. 物联网技术部第六次培训----网页制作入门HTML
  2. 客户机win10设置共享目录
  3. webclient使用介绍
  4. win10日历同步到华为手机outlook提示账号错误的原因
  5. Vue前后端分离项目与vue-baidu-map百度地图api整合使用步骤
  6. 上坡路定点停车与坡道起步--驾考宝典
  7. spring-boot使用两个数据库mysql 和 sqlserver
  8. Android日程管理软件开发
  9. 声学多普勒流速剖面仪_声学多普勒流速剖面仪(ADCP)的应用实例
  10. HTML blockquote元素