第一天接触的是html基础知识，以下为一些小笔记：1、基本结构：
<!doctype html> //网页声明
<html>
<head> //开始标签
<meta charset="utf-8"> //设置网页编码方式
<title>第一个网页</title> //设置网页标题
</head> //结束标签
<body>
Hello World! //网页显示内容
</body>
</html>
2、什么HTMTL？
a. 是一种用来描述网页的语言，一种超文本标记语言。
HTML全称：Hyper Text Markup Language (超文本标记语言)
b. HTML是一种有一定规则，有一定格式的标记语言。
c. HTML文本与普通文本的区别
普通文本，只能用来保存文字信息。
HTML文本，除了可以保存文字信息外，还可以保存图片、视频、音频等信息。
3、 为什么要学习HTML？
a. 网页是web构成的基本元素，包括后面学习java做web项目，都需要使用。这个是基础。
b. HTML5 ，其跨平台性非常强，无论是PC端，还是APP应用，前端样式都是由HTML5开发。
4、HTML标签
网页= HTML标签+文本
标签特点：
a. 由<>括号组成。例：<html><head><body>
b. 标签是成对出现的，第一个叫开始标签，第二个叫结束标签
例：<head></head>
（不管是文字标签还是图片或排版都是在基本结构上改动的）
例如图片标签题：
图片高度属性：height="300",图片宽度属性：width="280" ,图片边框属性：border="1"
题目要求：（1）有边框
（2）大小300#150
（3）图标移到图片时显示最具时尚男装
（4）图片不存在时，显示图片下载失败
答：
<!doctype html>
<html lang= “en”>
<html>
<head>
<meta charset= “utf-8”> <!- -设置网页编码方式- ->
<meta name= “Generator” content= “EditPlus®”>
<meta name= “Author” content= “”>
<meta name= “Keywords” content= “”> <!- -让搜索引擎找到网页- ->
<meta name= “Description” content= “”> <!- -网页的介绍- ->
<title> Document</title> <!- -设置网页标题- ->
</head>
<body>
<img src= “../img/gns.png” alt = “图片下载失败” width= “300px” height= “150px” border= “1px”/>
</body>
</html>
注意：这是图片和文件分开放的例子
加油ing!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
扫一扫
717
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
