HTML/CSS学习汇总（1）

来源：互联网发布：小说逆命淘宝编辑：程序博客网时间：2024/05/23 01:51

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/> 用于换行的自闭标签

1 0