2022/07/09 第五小组 丁帅 学习笔记 day02
目录
组成结构：
1.基本标签：
2.文本格式化标签：
3.超级链接：
4.图片链接：
（1）无序列表：
（2）有序列表：
（3）自定义列表：
5.表格：
表单元素：提交数据
重点：
这是第一天学习HTML所记录的笔记，不是很全面，对于新手来说可以慢慢记
组成结构：
html:文档的根标签
head：头，标签处。
title：适配搜索引擎
link:链接css的，引入css样式
style：定义css样式
script：定义js，也可以引入js
body：身体
1.基本标签：
h1 - h6:标题标签，字体变大啊，变粗，变黑，上下空一行 书写：
p：空一行
br:换行，相当于回车
2.文本格式化标签：
| b加粗 | |
| code | |
| i斜体 | |
| em强调文本 | |
| kbd键盘输入 | |
| pre预格式 | |
| small变小 | |
| strong加粗 | |
| abbr缩写 |
3.超级链接：
默认的方式去到当前目录下某一个页面
../:返回上一级
target:目标 .怎么打开目的地址
_blank:在新窗口打开
_parent._top:在父容器中打开
title：标题，当鼠标悬停在标签上出现的提示文字
4.图片链接：
src：图片路径
height，width：值尽量只给一个
锚机链接：tips
align：对齐方式
marquee：弹幕 loop：循环
区域/空白：div：块。立方体，可以有宽高
span：行。 没有宽和高。尺寸根据内容而定
（1）无序列表：
（2）有序列表：
（3）自定义列表：
- 项目1
- 描述内容
5.表格：
一组标签
table：
border：划线
水平分割线
框架：iframe
表单元素：提交数据
form：
互斥：name
所有的文本框的内容都是他的value属性
method：
get:提交的数据
post:提交的数据是不显示在地址栏，封装一个请求体，长度没有限制
audio音频
video视频
分为两大类：
1.行级元素：不能自己换行
2.块级元素：可以自己换行
重点：
1.超级链接
2.表格
3.表单
4.浏览器开发工具
第一天的初始学习HTML，小有压力，但是效果明显初步完成页面创作，看到完成的作品有种莫名的成就感（虽然很丑）
第一个页面运用了表格居中，鼠标悬停，页面跳转
第二页是左边导航栏，右边锚点跳转（没有截图出来，有点长）而且把滚动条删掉了（嘻嘻）
第三页是歌曲选择（这个页面相对简单），触碰右面作者可出现鼠标悬停效果，点击可跳转到歌曲播放页面
第四页是新人注册页面
初始页：
Document
首页 诗词列表 歌曲列表 加入我们
静夜思
李白
床前明月光
疑是地上霜
举头望明月
低头思故乡
菊花台
菊花殘 滿地傷 你的笑容已泛黃
花落人斷腸 我心事靜靜躺
北風亂 夜未央 你的影子剪不斷
徒留我孤單 在湖面 成雙
查看更多>>> 查看更多>>>
唐诗页：
侧边导航栏
静夜思
床前明月光，
疑是地上霜。
举头望明月，
低头思故乡。
九月九日忆山东兄弟
独在异乡为异客，
每逢佳节倍思亲。
遥知兄弟登高处，
遍插茱萸少一人。
早发白帝城
朝辞白帝彩云间，
千里江陵一日还。
两岸猿声啼不住，
轻舟已过万重山。
江南逢李龟年
岐王宅里寻常见，
崔九堂前几度闻。
正是江南好风景，
落花时节又逢君。
歌曲页：
Document
我怀念 林俊杰 菊花残 周杰伦 菊花伤 林俊杰 菊花茶 周杰伦
返回首页>>>
注册页：
Document
加入我们
日期：2022/07/09
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！