学习第一周 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>
- 学习第一周 HTML的基础
- 学习html第一周
- 学习第一周 了解HTML和CSS基础
- 学习HTML第一周(二)
- JAVA学习基础篇第一周
- 来学习的第一周
- 第一周的学习--快捷键
- html基础学习第一天
- 第一周 前端基础
- HTML的基础学习(第1篇)
- 杰普学习的第一周
- 学习软件测试的第一周
- 学习GitHub的第一周笔记
- 第一周的Android学习笔记
- Android学习的第一周笔记
- 初步学习H5的第一周
- 第一周进度报告 arduino基础编程学习
- ## c++学习笔记 --基础篇(第一周)##
- Linux书籍推荐
- 软件开发工具
- 利用dom4j操作XML文件(一)
- OLAP引擎——Kylin介绍
- 个人总结
- 学习第一周 HTML的基础
- 第七周项目1——建立顺序环形队列算法库
- 2016-10-09课后练习
- Linux经典书籍推荐
- 对象的创建(字面量形式)
- STM32系统时钟设置详解
- 77. Combinations
- nodejs使用async来进行优化
- JavaScript 事件处理