HTML+CSS基础知识点(1)简单的文本实现和插入内容

1.HTML基础代码布局

HTML结构标签:<html></html> , <head></head> , <body></body>

2.注释标签和标题

网页文本标签标记<title></title>  ,  注释标签<!--需要注释文字--> , 正文标题<h1></h1>

标题大小可以从1-6

3.文本对齐方式

<hn align="对齐方式(left,center,right)">标题文本</hn>  通常默认为左对齐(left)

4.文本段落形式

段落标签<p></p> , 换行标签<br> , 分隔符<hr>

5.标记文本内容定义

部分格式化标签<b></b>

定义着重文字<em> ,定义斜体字<i> ,定义小号字<small> ,定义加重语气<strong> ,定义下标字<sub> ,定义上标字<sup> ,定义插入字<ins> ,定义删除字<del>

6.绝对路径和相对路径

绝对路径:可以直接写文件在该电脑中的文件路径,但只能用于自身电脑相对应位置

例:<img src="c:\test\文件名.mp3">

相对路径:以html文件为起点,相对而言需要引用的文件位置

例:<img src="./文件名">引用文件和html文件属于同级目录

7.媒体标签

(1)图像标签<img src="图像文件地址">

图像的替换文本标签: alt  ;定义图像大小:width,height;为图像添加边框和高度:border;

调整图像垂直边框和水平边距:vspace,hspace;图像对齐属性:align;

设置鼠标悬停时图像的提示文字:title

(2)音频标签<audio src="音频文件地址"></audio>;视频标签<video src="视频文件地址"></video>

文件路径:src;显示播放控件:controls;自动播放(部分浏览器不支持):autoplay;

循环播放:loop;

8.超链接<a herf="跳转目标" target="目标窗口的弹出方式"></a>

target属性:self(默认值,在原窗口中打开);blank(在新窗口中打开)

锚点链接

定义锚点<标签 id="锚点名称"><标签>,使用相对应的id跳转到目标位置<a herf="#锚点名称">

热点文字</a>;空链接<a herf="#"></a>

  • 2
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值