html标签不使用样式,html常用标签,不css样式的修饰

常用标签

一.HTML骨架标签

最基本的骨架标签

二.标签的分类,标签可分为单标签和双标签

2.双标签的语法格式为,双标签的结束标签只比开始标签多了一个/

结束标签>

3.单标签的语法格式为

三.标签的关系

1…标签的关系可以分为嵌套关系和并列关系

2.嵌套关系的语法格式为一个标签嵌套着另外一个标签

3.并列关系的语法格式为

四.文本格式化

例如下面的代码

< 
 

五.换行标签

换行标签用br,它是个单标签

语法格式为

六.div和span标签

1.都是布局标签

2.div标签独占一行的特性,是现在网页布局的主要形式之一,可以称它为盒子模型,通常和css一同使用

3.span标签,可以在一行中有很多个,通常用来做字体图标等布局模式

4.它们的语法格式为

六.img图像标签

语法格式为

图像标签的属性有

语法格式为

图像标签的属性有

属性属性值描述srcUTR图像的路径

alt文本照片不能显示时的替换文本

title文本标签鼠标悬停时显示出的内容

width像素值(不支持百分比)设置图像的宽带

height像素值(不支持百分比)设置图像的高度

border数字设置图像边框的宽度

border属性需要在后面的c s s里面进行设置

注意:

​ 标签可以拥有多个属性,必须在卸载开始标签中,位于标签名的前面

​ 属性之间不分先后顺序,标签名与属性,属性与属性值之间要分开

border属性可以在后面的css里面进行设置

注意:

​ 标签可以拥有多个属性,必须在卸载开始标签中,位于标签名的前面

​ 属性之间不分先后顺序,标签名与属性,属性与属性值之间要分开

七链接标签

语法格式为

属性作用href链接指定的目标地址

target链接的跳转方式分为两种(_self)表示在当前网页直接跳转,(_blank)表示新开一个网页页面显示链接的目标地址网页

链接分为三种:外部链接,空链接,内部链接,锚点链接

外部链接是指非本网站的链接

例如:百度一下

空链接指没用任何目标地址的链接

例如:没有作用的

内部链接是指当前链接地址在本网站之内的其他网页

例如: 首页

锚点链接是链接在一张网页上的的元素

调用方式是首先给需要加链接的文字加上a链接,然后到链接的地点的标签名上加上一个id选择器写上id的名字,最后用a链接的href目标地址属性加上#id选择器中的名字锚点链接完成

注意:链接不限于文字链接还包括图像,影音,表格等网页元素都可以成为链接

必须要在连接内填写href属性

八.注释标签

注释标签的语法格式为

html中的语法格式,可以使用ctrl+/或ctrl+shift+/快速生成

css和js中的注释标签(暂未学到),可以使用ctrl+/或ctrl+shift+/快速生成

/*注释*/

九base标签

可以将网页所有链接的跳转方式改成统一的跳转方式

十特殊转义字符

de918e4bb73b2fa270c4742f9d076bda.png

十一路径(难点,重点的

路径可以分为相对路径和绝对路径

相对路径是指在当前路径内

例如:同一级路径,网页和图片在一个文件夹内,可以直接写出图片的名字就可以

time.gif

例如:不在同一级路径,在下一级路径

time.gif

例如:不在同一级路径,在上一级路径

time.gif

绝对路径用的很少

例如:

计算机上的绝对路径:D:/web/img/time.gif这个路径是以计算机的根目录作为参考

以web的根目录作为参考的如下

https://t7.baidu.com/it/u=1732966997,2981886582&fm=193&f=GIF

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值