JavaEE学习笔记--HTML(1)

最新推荐文章于 2024-07-08 17:28:27 发布

w3cyw

最新推荐文章于 2024-07-08 17:28:27 发布

阅读量588

点赞数

分类专栏： html 文章标签： html java ee

本文链接：https://blog.csdn.net/firejavayw/article/details/70874949

版权

2 篇文章 0 订阅

订阅专栏

JavaWeb之前端篇

HTML介绍

HTML 指的是超文本标记语言 (Hyper Text Markup Language)
什么是超文本?
超文本指的是网页上可以包含图片，视频，连接信息。
什么是标记?
标记也叫做标签，所以我们所说的标签书写是<内容>.
什么是语言?
语言就是一种交流工具，html是我们用户与浏览器之间交互工具。
简单说，html是由浏览器解析执行的，它不会将html标签展示出来，而是会解析html标签，以特定效果展示出来。

HTML书写规范

<html>
    <head></head>
    <body></body>
</html>

< html >标签它代表当前页面是一个html
< head >标签中可以声明html页面的相关信息
< body> 标签中它主要是用于显示页面信息

文件标签

body标签的属性
1. text 用于设置文字颜色
2. bgcolor 用于设置页面的背景色
3. background 用于设置页面的背景图片

关于html颜色取值

html中的颜色由红色、绿色、蓝色混合而成。

在html中书写颜色的方式有三种:
1. 直接书写颜色单词 red green yellow blue等
2. 通过16进制描述 #FFFFFF 白色 #FF0000 红色 #00FF00 绿色
3. 可以通过rgb(0,0,0)这样方式

排版标签

<!--这里写HTML注释-->

< br/ >标签
br标签就是一个换行功能标签
< p >标签
在p标签中的内容,会在开始与结束之间产生一个空白行，并且它会自动换行.
常用属性
align :它的作用是设置段落中的内容对齐方式可取值有 left right center

清明
<p align="left">
    杜牧<br/>
    清明时节雨纷纷,<br/>
    路上行人欲断魂.<br/>
    借问酒家何处有,<br/>
    牧童遥指杏花村.<br/>
</p>

< hr >标签
hr标签会在页面上产生一个水平线
对于hr标签它有常用属性:

align: 可取值有left right
center: 代表水平线位置
size: 代表水平线宽度
width: 代表水平线和长度
color: 水平线的颜色
关于html中数值取值
有两种方式:
a. 直接设置值，默认单位是 px （像素）
b. 可以设置百分比
< div >标签
div是一个块标签
div与css结合，会更好对页面进行排版。
< span>标签
span标签也是一个块标签
div与span区别:
div会自动换行,我们也叫这样的标签为行级元素
span标签它不会自动换行，我们也叫它为行内元素

字体标签

< font >标签
font标签可以设置字体，字的大小及颜色。

常用属性:
face: 用于设置字体，例如宋体隶书楷体
size: 用于设置字的大小
color: 用于设置字的颜色

<font face="隶书" size="5" color="green"> 这是描述font标签的内容 </font>

标题标签

< h1 >—–< h6>
h1最大 h6最小，它们代表的是标题可以使用< b >< i >对文字设置加粗或倾斜。
注意:在html中允许标签进行嵌套的，但是一般都包裹嵌套，而不可以进行交叉嵌套

清单标记(列表标记)

关注

专栏目录