HTML/CSS学习汇总(1)

HTML基础

<!DOCTYPE html> : 声明文件类型,位于HTML文件代码的第一行

<html>
所有html代码需写在这个标签里
</html>

<head>
<title>
head标签里的title不会直接显示在页面上,而是以标签页的名字显示
</title>
</head>

<body>
为网页添加内容,需将代码写在body标签里
</body>

<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>

h1为主标题,其他均为副标题,字体逐渐变小

<p>段落标签</p>

无序列表格式
<ul>
<li></li>
<li></li>
<li></li>
</ul>

有序列表格式

<ol>
<li></li>
<li></li>
<li></li>
</ol>

超链接标签包含href属性,href的值必须为页面的链接(URL)若想在新的标签页中打开链接,则为它添加一个target属性,target的值为_blank

<a href = "www.baidu.com" target = "_blank">This is a link to Baidu.</a>

<img />为自闭标签,用于插入图片,src属性的值为图片链接地址,alt属性用于描述图片,当鼠标移到图片上时,出现的语句为alt的值。
<img src = "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt = "This is a picture."/>

也可以像这样为图片添加超链接:
<a href = "www.baidu.com" target = "_blank"><img src = "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo/bd_logo1_31bdc765.png" alt = "This is a picture."/></a>

<br/> 用于换行的自闭标签

<!-- 这个标签里面的内容为注释 -->

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值