Javaweb的前端知识:HTML的一些简单知识点及应用

本文详细介绍了HTML的基本框架与常用标签,包括文档结构、编辑软件、标题、字体、段落、图片、超链接、列表、表格及框架集等元素的使用方法与属性设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.html的编写框架:

<html>

    <head>

          <title>

          </title>

    </head>

    <body>

    </body>

</html>

2.常用的编写软件:Hbuilder,

3.基础知识点:

1.<head>**</head>中的内容除了title,均不在网页中显示,

2.标签的属性写在开始标签中

3.水平线标签:<hr/>自闭和标签

属性:

size:  水平线粗细

noshade: 没有阴影

4.字体标签:<font></font>修改字体大写,颜色。属性:

size:字体大小

face: 选择字体的种类(宋体,圆体)

color:定义字体颜色 格式:用英文单词或#RGB(例:#ff0000)

5.标题标签:<hn></hn><h1>最大

6.格式化标签:<b> 加粗

<i> 倾斜

7.段落标签:<p></p>给文字分段,特点:上下有一定空白

8.换行标签:<br/>

9.图片标签:<img></img>

属性:src:图片的路径,路径分为两类:相对路径,绝对路径

相对路径:相当于文本所在文件夹 例:1.jpg../1.jpg.  ...img/1.jpg

绝对路径:例:http:www.baidu.com/logo.png

height属性:设置图片高度,单位:px

weight属性:设置图片宽度,(若设置成百分比,只设置height和weight一个即可)

alt属性:当图像加载失败时图像的替代文本。

title属性:鼠标移动到图片上时显示的文字

10.超链接标签:<a>被点击的内容</a>属性:

herf:被点击后跳转的网页

target:指跳转后的目标位置,他的值可以是:

_self:在本页面打开超链接网页

_blank:在新的空白页面打开超链接网页

framename:在指定的框架里打开

11.列表标签:<ul></ul>:无序列表  <ol></ol>:有序列表

在列表标签中,必须有列表项<li></li>

ol与ul的区别:

ol的每一个列表项前有一个序号

ul的每一个列表项前是一个图案

共同属性:

type:设置有序列表的序号,无序列表的图案

ol的type值:1(默认),a,A,i,I

ul的type值:cicle,disc,square

12.表格标签:<table></table>属性:

weight:设置表格宽度

height:设置表格高度

align:整个表格在网页中的位置,值有:left,center,right

bgcolor:整个表格的背景颜色

border:表格边的宽度

子标签:行标签:<tr></tr>

align:行中内容的位置

单元格标签:<td></td>

align:单元格内容的位置

rowspan:跨行合并,值指的是跨几行

colspan:跨列合并,值指跨几列

特殊的单元格:表头<th></th>内容自动加粗并且居中

13.框架集:<frameset></frameset>(一般不用再body中,自身相当于body)

作用:把页面分割为几个部分

属性:rows:分行(例:(10%,20%,70%)分三行,各行占比

clos:分列(例:(10%,20%,70%)分三行,各行占比

上面的框架只是理论的划分,要显示效果必须配合子标签frame(每行一个);frame的属性:

src:规定在框架中显示的文档的地址

name:规定框架名字

framename:是否显示边框

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

psjasf1314

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值