热门关键字:
jquery > jquery教程 > jquery教程 > JavaWeb之HTML

JavaWeb之HTML

390
作者:管理员
发布时间:2021/2/7 15:32:19
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=3944
  HTML: (Hyper Text Markuplanguage)超文本标记语言。


  文本:相当于记事本里写的文字。展示信息


  超文本:超越了文本仅仅展示信息的功能范畴。泛指:图片、有样式的文字、点击跳转页面的文字。


  语言:工具


  标记:标签。


  HTML是由标签所组成的语言,能展示超文本效果。


  HTML是用来写网页的,是设计页面的基础。


  步骤1: 创建文件,后缀名改为html或htm。


  步骤2:用记事本打开,并编写文字。


  步骤3:用浏览器打开。


  这样打开和普通的记事本区别不大,为什么那?


  因为想要实现超文本编辑,是需要加标签和属性的。


  font:标签


  color=“ ”:属性


  red:属性值


  这样就将字体变成了红色


  HTML语言是由头和体组成


  这是最标准的HTML格式,以后都要使用这样的格式。


  < html >是HTML页面的开始,就相当于java类大括号。


  < head >是页面的头部,存放的都是网页的说明性内容,例如标题。


  < body >是页面的身体,需要展示给用户看的信息内容


  示例:


  和以前的内容是没什么变化,但是已经有了标题。


  HTML文件的扩展名为html或者htm。Htm是老的命名规范,html 的新的。


  HTML文件由浏览器直接解析执行,无需编译,直接由上到下依次解析执行。


  HTML标签通常由开始标签和结束标签组成。例如:< font >内容体< /font >,开始标签和结束标签之间的内容叫做内容体。


  HTML没有内容体的标签叫做空标签。仅由一个标签组成。例如: < br/ > 自关闭。


  HTML标签不区分大小写,为了方便阅读,建议使用小写。


  HTML标签是有属性的,格式为:属性名=”属性值”,属性值用引号引起。引号包含单引号和双引号,建议使用双引号。


  HTML标签建议包裹嵌套,不建议交叉嵌套。


  包裹嵌套:


  html标签完全包裹了head标签


  交叉嵌套:


  交叉嵌套是不允许使用的


  安装


  使用


  字体标签,用于展示效果中修饰文字样式。


  < font >属性名=”属性值”>文字< /font >


  size:控制字体大小。最小1——最大7。 如果设置范围不在1——7之间,设置无效。


  color: 控制字体颜色。使用英文设置(例如: red,blue…) 。


  face: 控制字体类型。只能设置系统字库中存在的字体类型。


  示例:


  运行结果:


  现在有一页代码是李白的静夜思:


  运行结果:


  但是在运行时就变成了一整换,并没有段落,怎么办,向下看。


  换行标签:< br/ >


  HTML源码中换行,浏览器解析时会自动忽略。


  换行标签,用于展示效果中换行。


  示例:


  运行结果:


  一个标签就是一行


  段落标签:< p >


  段落标签,用于展示效果中划分段落。并且自动在段前和段后自动加空白行。


  align:段落内容的对齐方式。


  默认是left,内容居左。


  Right居右。


  Center居中。


  示例:


  运行结果:


  标题标签:< h1 >


  标题标签,用于展示效果中划分标题。


  其中< h1 >最大,< h6 >最小。


  空格符:&nbsp ;


  HTML源码中的多个空格,效果中最终会合并成一个。


  记住要分号结尾。


  空格符号,用于展示效果中显-一个空白的位置。


  HTML注释


  用于注释HTML源码,不在HTML效果中展示。


  格式: < !-- HTML注释内容 – >


  用于在页面效果中展示一张图片,一般情况下都将图片放入项目中的img文件夹中。


  src:指明图片的路径。(必有属性)。


  图片路径的写法:


  内网路径:


  绝对路径:文件在硬盘上的具体位置。[不建议使用]


  例如: C:\ JavaWeb001_ html\img\c_ 1.jpg.


  相对路径:从使用者所在目录出发。[建议使用相对路径]




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



关键字:jquery
友荐云推荐