佘慧婕-20201026
实训日志
一、知识总结
1、HBuilder的基本学习
文件—>新建—>Web项目
< >—标签：组织网页结构；成对出现的叫双目标签；<>起始标签 < />结束标签
html 超文本标记语言
2、html文件基本认识
<!DOCTYPE html>—文本声明
<html>—文档开始标签
<head>—主要设置文档属性，引入一些jar
<meta charset="UTF-8">
<title></title>
</head>
<body>网页主内容
</body>
</html>—文档结束标签
3、<meta>—作用：(1)设置网页的字符编码
中文中常见的字符编码：gb2312(简体中文)、gdk、utf-8（通用中文字符编码集）、blg5（中文繁体）
英文中常见的字符编码：ios-8859-1
（2）设置网页的刷新频率
（3）设置网页检索的关键字 <meta name="keywords" content=“一些关键字”>
（4）设置网页的简述 <meta name="description" content="一些描述词">
<title>标题</title>
<link rel="shortcut icon" href="路径"> —图标设计
4、常用的块级标签：标题标签—<h1></h1>一级标题 <h2></h2>二级标题 ...以此类推
段落标签—<p></p>
有序列表—<ol> <li></li> </ol>
无序列表—<ul> <li></li> </ul>
div盒子—div+css
描述标签—<dl> <dt>标题</dt> <dd>描述内容</dd> </dl>
水平线标签—<hr> </hr>
5、常用的行级标签：<a></a> 属性：超链接-<a target="_blank" href="http://....">...</a>
span标签—与上级显示在同一行
img图像标签—src路径、width宽、height高、title标题
audio音频标签—要新建audio目录、controls播放控制面板、loop循环播放
video视频标签—autoplay自动播放、muted静音模式、其他与图片一致，谷歌自动播放要静音
二、学习心得
今天的实训感觉十分充实，感觉学习到了很多知识，对html也有所了解，虽然目前还比较浅显，但是感觉很有兴趣继续学下去。今天不理解的知识点是标题图标的设置，自己尝试了一下，发现图标不显示，没有找到其原因。
点赞
评论留言