解玲安-20201026
知识点总结
一、HBuilder—文件—新建—Web项目(项目名用英文)
1<!DOCTYPE html>【文档声明】---html里面是代码(网页基本结构)htm1:超文本标记语言,其中可以放图片、音频等
DOCTYPE:文档类型
“<>”标签,组织网页结构
2<html>【文档开始标签】,成对出现的标签成为双目标签
3 <head>文档标题、图标【设置文档属性、引入jar】
4 <meta charset="utf-8" />
meta的4个作用:
1.设置网页字符编码 中文:gb2312简体中文、gbk(收录更多)、utf-8通用中文字符编码、blg5繁体字符编码、默认字符编码rso-8859-1
设置字符编码 charset(标签属性)
2.设置网页刷新频率
3.设置网页检索的关键字 (若有逗号用英文形式下的逗号)
4.设置网页简述
5 <title>【标题图标】</title>title标题
6 </head>
7 <body>【网页主内容】
8
9 </body>
10</html>【文档结束标签】
二、常用块级标签
1、hn标题标签 <h1></h1>一级标题
<h2></h2>二级标题
2、段落标签 <p></p>
3、有序列表 <ol type="1">
<li></li>
<li></li>
</ol>
4、无序列表 <ul type="circle">
<li></li>
<li></li>
</ul>
5、div盒子 <div></div>用于布局 div+css
6、描述标签 <dl>
<dt>标题</dt>
<dd>内容</dd>
</dl>
7、水平线标签 <hr /> 作水平线
三、常用行级标签
1、超链接<a></a>
在本页面跳转 <a href="http://www.baidu.com">百度一下</a>
在新的窗口打开 <a target="_blank"href......
2、<span></span>行级标签1和2在同一行显示
3、img标签(自封闭)图片
<img width="(像素)"height=“(像素)”src="ing/icon.jpg"/>
<img title="(文字)"width....../>光标悬停与图片时,文字出现
4、<audio></audio>音频
项目——新建——目录——新建audio
controls播放控制面板
loop循环播放
<audio controls loop src="audio/ig.mp3"></audio>
5、video视频
autoplay自动
muted静音模式
<video controls loop autoplay muted width ="(像素)" src="video /sp.mp4"></video>谷歌在静音下可自动播放视频
学习心得:
第一次接触网页方面的知识,感觉很陌生也很新奇。相比于之前的实训课程,今天我学会的更多,同时也会担心后续的学习,会不会很难,会不会跟不上进度。一切还是未知,但是我会认真学习。
近期评论