HTML笔记day1

第一章

1.HMTL排版标签

标题标签:<h1>最大</h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6>最小</h6>

段落标签 : <p></p>

水平标签: <hr />

换行标签:<br />

div标签 : <div></div> 用来布局的,一行只能放一个

span标签 :<span></span>用来布局的,一行可以放多个

2.文本格式化标签

<b>加粗</b>,<strong>加粗,语义强烈(XHTML推荐使用)</strong>

<i>倾斜</i>,<em>倾斜,语义强烈(XHTML推荐使用)</em>

<s>删除线</s> , <del>删除线,语义强烈(XHTML推荐使用)</del>

<u>下划线</u>,<ins>下划线,语义强烈(XHTML推荐使用)</ins>

3.图像标签img

<img src = "图像URL" />

<img />标签属性

src:图像路径

alt:图像不能显示时的替换文本

title:鼠标悬停时显示的内容

width:设置图像的宽度

height:设置图像的高度

border:设置图像的边框宽度

4.链接标签

<a href = "跳转目标" target = "打开窗口的方式" >文本或者图像</a>

<a href = "#"></a>属性

href:用于指定URL链接目标的url地址,(必须属性),当目前不知链接到何方,就写#(空链接)吧

target:用于指定链接页面的打开方式,其取值为self和_blank,self为默认值当前页面加载,blank为新窗口中打开

5.注释标签

<!--注释标签 -->

6.路径

根目录:打开目录文件夹的第一层就是根目录

相对路径:目标相对于当前文件的路径

./ :代表文件所在的目录(可以省略不写)

../ :代表文件所在的父级目录

../../ :代表文件所在的父级目录的父级目录

/ :代表文件所在的根目录

绝对路径:绝对路径是指完整的网络路径

7.锚点定位

<a href = "#maodian">锚点定位</a>

<p id="maodian">锚点定位类似于书本目录点击目录跳转至对应的章节</p>

8.base标签

<base target="_blank" />

1.可以设置整体的链接打开方式

2.base写到<head></head>之间

3.把所有的默认添加target = "_blank"

9.<pre>预格式化文本标签,保留文本的空格&换行(用的较少,因不好整体控制)</pre>

10.特殊字符

&nbsp;   ( )空格;  &lt;(<)小于号 ;    &gt; (>)大于号;      &amp;  (&)和

&yen;(¥)人民币;     &copy;(©)版权;     &reg;(®)注册商标;  &deg; (°)摄氏度

&plusmn;(±)正负号    &times;(×)乘号       &divide;(÷)除号        &sup2;(2)平方2,上标2

  

 

 

 

 

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值