学习第一周 HTML的基础

来源:互联网 发布:stm32f103用什么编程 编辑:程序博客网 时间:2024/06/10 10:16

HTML中常用的标签:

<html>

<head></head>   head内容不会再页面中显示,

<body>

</body>  

</html>    


head标签中承载的常见标签:

<meta charset="utf-8">     编码格式 告诉给浏览器用什么方式来都这页代码,如果没有,输入的汉字会出现乱码

<title>标题</title>      网页标题

<link rel="stylesheet" href="">   引入外部样式,CSS内容

还有很多,后面会遇到


body中常出现的标签:

标题标签:h1,h2,h3,h4,h5,h6,只有6个,标题字体从大到小都得闭合</h1>

段落:<p>   </p>  文本一般都写在这个标签  一个p是一段落

链接:<a href="http://www.baidu.com">这是一个连接</a>  链接标签  网页中我们见到的点击进入另一个页面就是这个标签

图像:<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png" alt="百度一下">

            alt 会让你在图片无法加载出来时让文字代替  src 是你图片所存放的位置,也可以直接写入图片网址,如果同级目录直接写图片名,如果上一级就用 ../  

<br>换行  HTML中输入空格再多只会显示一个  换行要用<br>

<hr>  分割线

把http://www.w3school.com.cn/中的HTML内容看一遍 同时自己敲一遍就好了,HTML就完了  2 ,3 天就可以搞定,反正就是多敲,好 继续加油 认真学习  




<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<style type="text/css">
a{
color:red;
}

</style>
<link rel="stylesheet" href="">
</head>
<body>
<h1>标题1</h1>
<h2>标题2</h2>
<h3>标题3</h3>
<h4>标题4</h4>
<h5>标题5</h5>
<h6>标题6</h6>
<p>这是一个段落</p>
<a href="http://www.baidu.com">这是一个连接</a>
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png" alt="百度一下">
<br><br> <hr>
</body>
</html>


0 0
原创粉丝点击