目录
一、学习收获
通过上次课的学习,对HTML中的内容有如下收获:
1.HTML 标题
了解了HTML 标题(Heading)是通过标签< h1> - < h6>来定义的。
2.HTML段落
学到了HTML 段落是通过标签 < p > 来定义的。(用到< p >则表示一个来自文件夹中的图像, 不用< p >只在< body >下编辑则表示来自其他文件夹或服务器的图像)
3.HTML 链接
对于HTML 链接则是通过标签 < a > 来定义的。
4.HTML 图像
HTML 图像是通过标签 < img > 来定义的
如下表示(尖括号<>内前后都加了空格符,用vs code编写时要去掉该空格,这里是为了方便展示),以下是分别显示本文件夹下的图片和其他文件夹或网页上的图片的基本源码(区别就在于是否有直接在< body >下编辑的):
例1(本文件夹中的图像):< p >一个图像:< img src=“smiley.gif” alt=“Smiley face” width=“32” height=“32” >< /p >
例2(其他文件夹/网页上的图像):< body >
< img src="/images/chrome.gif" alt=“Google Chrome” width=“33” height=“32”>
一个来自菜鸟教程的图像:< /p >
5.HTML 表格
表格由 < table > 标签来定义。每个表格均有若干行(由 < tr > 标签定义),每行被分割为若干单元格(由 < td > 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。
6.HTML 列表
HTML 支持有序、无序和定义列表:
1:无序列表(使用< ul >标签)
2:有序列表(使用< ol >标签)
3:自定义列表(以 < dl > 标签开始
7.HTML 布局
div 元素是用于分组 HTML 元素的块级元素。
8.HTML 表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
表单使用表单标签 < form > 来设置:其中:
HTML 表单 - 输入元素
多数情况下被用到的表单标签是输入标签(< input >)。
输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:
文本域(Text Fields)
文本域通过< input type=“text” > 标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
密码字段
密码字段通过标签< input type=“password” > 来定义:
单选按钮(Radio Buttons)
< input type=“radio” > 标签定义了表单单选框选项
复选框(Checkboxes)
< input type=“checkbox” > 定义了复选框. 用户需要从若干给定的选择中选取一个或若干选项。
提交按钮(Submit Button)
< input type=“submit” > 定义了提交按钮.当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。
以上就是我目前对HTML的学习中印象比较深刻的一些常识和概念。
二、总结
本次课对HTML的学习,让我了解了其中的一些基本概念和常识,能够运用VS code结合老师的课件资料进行一些简单的网页编写,同时也让我对HTML有了深厚的兴趣,对之前网页是如何制作的这一问题有了深刻的领悟,相信在之后的学习之后一定在最后能够独立的制作网页。