第一学期HTML知识总结

html是什么?

html有什么用?

html的基本结构。

html的基本标签。

html的转义字符。

什么是html以及html有什么用?

html是用于web表现的一种文档,是用来创建网页的一种标准语言,它能够让编写语言以网页的形式展现给阅读者。

html的基本结构

86aec5a408d74667ac62738a4d60c0e7.jpg

 一个html文本,有他的head,和body,就像我们人类一样,head包含了使用的规则和网页标题,一般只修改title里面的东西,而网页呈现部分就写在body里面。

html的基本标签

1.文本标签

a69a33929c2a48bb97d949ccdc6443b7.jpg

 

strong,b都是加粗,但是strong语义更加强烈

em,i都是倾斜,但是em语义更强烈

del和s都是删除,但是del语义更强烈

u和ins,但是ins语义更加强烈

 

2.标题标签

233eb797e44a4f569a8b4738c0b0ec02.jpg

 

<hn>,n可以取数字n越大标题越小,标题等级就越小。

3.图片标签

3b5abf7ea2be4f1c9aa8a055fea489f2.jpg

 

图片标签需要写在img里面

src是图片路径是必须需要的属性

alt是替换文本,当图片不能正常显示的时候替换图片的文字

title是提示文本,将鼠标放在图像上,显示文字

width是设置图片的宽度

height是设置图片的高度

border设置图片边框的粗细

路径:

路径包括相对和绝对两个路径。

相对路径是图片和文件所在的位置的文件夹所在的图片位置。

绝对路径是从盘符开始查找的路径,一般不使用,因为这种方法只用于当前计算机,换作其他计算机路径会失效,绝对路径打开的图片协议是file协议,但网页是http协议,图片可能不显示。

4超链接

 

 

cc16d0f9174f41518a83afc9b3b72f58.jpg

 

href用于指定链接的目标url的地址,是必须属性,当标签有href属性时,它就有了超链接的能力

target用于指定链接页面打开方式,self是当前页面,blank是新窗口打开。

link可以修改未被访问的

visted修改已被访问的

hover修改提示颜色

active修改点击那一刻

这四个要写在style里面而且越靠近优先级越大

 

5表格标签

 

2169bd62a5614f1b8482be7ec9870ad5.jpg

 

需要写在table下面

align规定表格周围对齐元素

border规定边框默认无边框

cellpadding规定单元格与内容的距离

cellspacing规定单元格之间的距离

width规定表格的宽度

colspan,rowspan合并单元格

6.转义字符

 &nbsp;两个nbsp一个空格;

    &lt;<.

    &gt;>.

    &yen;¥;

    &quot;“

    &copy;©

    &reg;®

    &plusmn;+-

    &permil;%

    &divide;➗

这学期学习的大概就是这些,下学期,继续努力。

评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值