您的位置：首页 > Web前端 > CSS

HTML/CSS学习汇总（1）

2016-11-15 17:11 218 查看

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/>

用于换行的自闭标签

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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航