HTML学习总结

HTML学习总结

HTML是超文本标记语言（HyperText Markup Language）的缩写，是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。HyperText 即是超文本的意思，超文本是指连接单个网站内或多个网站间的网页的链接。HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。

编辑流程
语法

一.HTML编辑流程

准备阶段：软件 vs code
1.新建项目文件夹 在自己想要的路径下新建文件夹
2.vs code打开该文件夹
3.新建 .html文件
4.编辑该 .html文件
5.检查修改
6.运行

二.HTML语法

1.标题
HTML 提供了从大到小6级标题，分别是:h1,h2到h6.一级标题h1最为醒目,二级h2次之,以此类推.如下图

2.文本
p即是HTML的文本插入关键字,mark标记文本,del和s删除文本,ins和u加上下划线,small和strong即缩小和放大文本,em强调文本.

3.超链接
a超链接语法< a href=“https://www.baidu.com/” target="_blank">百度一下< /a >,href即为要跳转去的地址 URL（Uniform Resorce Locator),target属性为_blank表示在新的页面打开超链接（默认是在当前页面打开即_self),超链接标签包含的内容（当前为文字"百度一下"）即为显示在页面上供用户点击的
百度一下 将上述语句复制下来去掉空格即可实现超链接,点一下?

4.锚点
也称为书签，用于标记页面的某个元素或位置。通过锚点，我们可以轻易的在长页面内实现跳转。先使用id属性生成某元素的锚点，然后再使用超链接指向该锚点即可。注意：元素的id值必须是唯一的，超链接中的地址需要有#符号.

就像这里一样 语法

5.图片及文件路径
在页面插入一张图片< img src=“https://i-blog.csdnimg.cn/blog_migrate/c207bbda52b345a4fc808a9f93ca8aa8.jpeg” width=“200” height=“200”> ,src为要显示图片的文件路径

此图片即为上述语句执行后的效果.
还可以将图片进行超链接处理< a href=“https://www.baidu.com”>< img src=“https://i-blog.csdnimg.cn/blog_migrate/c207bbda52b345a4fc808a9f93ca8aa8.jpeg” width=“200” height=“200”>< /a>

现在点击一下图片试试

6.表格
table标签可实现表格样式

7.列表
还可以用列表来呈现内容，列表分为无序列表和有序列表.
无序列表

< ul>
< li>桃
< li>李
< li>梨
< /ul>

• 桃
• 李
• 梨

有序列表

< ol>
< li>桃< /li>
< li>李< /li>
< li>梨< /li>
< /ol>

1. 桃
2. 李
3. 梨

8.表单
当网站需要获取我们的一些信息时，我们就需要使用表单来让用户填写或选择.

9.其它
区块元素在浏览器显示时，通常会以新行来开始（和结束）。如：< h1>, < pre>, < ul>, < table>，< div> 等.
内联元素相反，他们总是一个接一个进行显示，不会新起一行。如： < span>, < input>, < td>, < a>, < img>等.
在网页中展示一首诗或一些特别格式的文本，使用pre标签.

三.小结

html相对来说入门是比较简单的编程语言,精通比较难,上课要认真听老师讲课,需要下非常的功夫,才能学好这门技能.那如何学好html,一,学会上网查阅资料，了解属性.二,百度搜语法结构和布局.三,善于查找错误.四,多练习.我在学习过程中也出现了许多问题,试着多请教老师,慢慢解决问题,学习是个漫长的过程,千里之行始于足下.