热门关键字:
jquery > jquery教程 > jquery教程 > 新手小白HTML代码入门

新手小白HTML代码入门

471
作者:管理员
发布时间:2021/1/21 19:06:21
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3375
  HTML全称Hyper Text Markup Language,中文名叫做超文本标记语言,主要作用是做数据展示


  用Sublime Text 3创建一个文件并保存为XXX.html,输入!,点击tab,就会出现如图的代码


  接下来我们来解读一下这串代码中的各个标签什么意思


  比较常用的有2种en—英文和zh-cn—中文


  其中UTF-8------Unicode码为全世界的通用码


  而


  该标签一般不会单独使用会和input标签联合使用


  属性:action=“url” url表示路径


  路径分为绝对路径和相对路径


  绝对路径:从盘符开始 要表达的文件路径 路径+文件名称


  相对路径:当前源文件和目标文件的相对路径位置


  ?目标文件结束标识


  &属性连接符


  所谓的传输方式,简单举个例子。你在登陆一个网站的时候,当你在登录界面输入了你的账号和密码后就会跳出你的账号的个人中心,那么你的账号是如何被调用出来的呢?当你在输入自己的账号和密码并点击登录以后,它就会向数据中心发送请求。


  而请求方式呢分为2种,一种为Get 请求,一种为Post请求


  这两种请求虽说都能从数据中心种得到你的账号信息,但是安全性却是不一样的,Get 请求是不安全,而 Post请求是安全的。


  Get 请求会使表单数据在页面地址栏中是可见的,如图


  Post请求就不会


  Src属性-----表示图片的替代文本


  Width 宽度


  Height高度


  该两个属性可以控制图片的大小 单位可以使用XXpx 100%


  Map —地图 计算机语言 映射


  表格布局:通过表格来对网站进行整体的布局,这种布局目前来讲已经被淘汰了


  主要使用的就是表格的标签


  Table ----表格


  Tr ----表行


  Th ----表头


  Td -----表元


  示例:


  效果图如下


  列表分为两种:无序列表和有序列表


  5.1无序列表


  适应场景 : 论坛新闻项 展开闭合 导航


  5.2有序列表


  属性:


  reversed


  reverse------反转


  type类型中可以使用数字 字母 以及罗马数字


  5.3定义列表


  size color


  加粗


  斜体


  下标


  上标


  弹幕 altemate来回滚动


  7.1视频


  7.2音频


  在html5中给


  标签做了很多改进


  导航 侧栏


  头部


  底部 等等 增加代码的可读性


  标记标签 通常和表单中的文本框 用于修饰文本 ## 9.多窗口框架 一个页面可以显示多个窗口 4.0版本多窗口 5.0版本中内嵌窗口


  注意:如果要使用frameset标签那么它不能和body标签连用


  HTML总结:


  Html4.0版本-----XHTML-----HTML5


  Html4.0版本中,语法和规范都不够严谨,不严谨也可以显示出窗口内容,但是语法不够规范。不是所有的用户都能够看到正确的页面,所以w3c联盟提出了一个版本来规划html的语法、文本头、或者是DTD的命名等等


  -----XHTML1.0-----部门-----XHTML2.0 语法上做升级------HTML5一个功能上做升级


  最后为大家奉上一个小编用上述知识做成的一个简易的网站


  然后我们和某个阅读网站对比一下


  我们可以发现虽然运用上述的知识是可以做一个简单的网站的,但是和网上的网站对比就会发现自制的网站相对来讲美观程度比网上的要差很多,这是因为HTML只是单纯的给出一个网站的样子,而另外一些比如说像两边留白居中这种需要用到css,后续我会继续讲解。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐