前端加密纯真-又天真代码6节课01-html

PythonWeb

讲师:纯真1HTML是什么2常用的标签3特殊符号4表格知识点CONTENTS5表单第一部分Html是什么HTML是什么超文本标记语言（HyperTextMarkupLanguage，简称HTML）什么是HTMLHTML是一门标记语言，标记语言由一套标记标签组成，学习HTML，其实就是学习标签怎么学HTML编辑器：Pycharm浏览器：Chrome、Firefox开发工具010203HTML的基本结构HTML的基本模板第二部分常用标签列表标签标题标签段落标签div标签标题标签(header)一般用在文章的标题，有h1~h6段落标签(Paragraph)会把HTML文档

分割成若干段落列表标签列表标签分为：有序列表、无序列表以及定义列表div标签用于分化一个一个的区域常用标签之块级标签块级标签代码贴图PS:思考下，这些标签在页面上所展示的效果，各有什么不同块级标签代码效果图超链接标签图片标签粗体/斜体文字标签图片标签粗体/斜体标签超链接标签文字标签常用标签之行内标签图片标签，用于向页面插入图片粗体标签将文字加粗，斜体标签将文字倾斜超链接标签其实就是a标签，一般用于网页之间的跳转还能做锚点，进行跳转Span标签是单纯的文字标签，只有配合CSS才能有效果行内标签代码贴图PS:请思考，这些标签在页面上所展示的效果与块级标签有何不同行内标签代码效果图行内和块级不同点01020304块级元素可以包含行内和块级行内元素包含文本和其它行内元素，不建议包含块级块级元素前后会自动换行行内元素前后不会换行块级可以给宽高度行内不能给宽高度行内不能给上下外边距块级都能给PS:第三和第四目前仅作了解第三部分特殊符号特殊符号是什么

特殊符号就是网页上一些比较特殊的符号什么是特殊符号因为，我们的标签并不能显示在网页上，所以需要特殊符号为什么需要特殊符号特殊符号以&开头，分号结尾特殊符号怎么写010203常用的特殊符号>大于号

<

 &©小于号&符号空格空白位版权号第四部分表格表格是什么表格其实就是大家平时看到的二维表，比如Excel表格之类什么是表格表格布局在90年代较火的，如今一般用于后台展示数据表格如今的地位表格分为表头，表身和表脚表格初识010203Table表格标签TheadTfoot

表头标签表身标签

表脚标签Tbody表格整体结构表格的其它补充表格标题合并行合并列123captionrowspancolspan表格代码贴图PS不是学了就要全部都用上，比如

tfoot（表脚）标签，这个一般来说使用的频率并不是很高rowspan:合并行colspan:合并列第五部分表单表单是什么表单是搜集用户数据信息的各种表单元素的集合区域表单是什么用于收取用户数据并向后台发送，前后交互的方式之一表单的作用表单常应用于登录注册，搜索，文件上传等表单的应用

010203表单的属性提交时候的地址默认使用当前页面提交时候的方法有get和post两种方法默认使用get设置编码格式有三种默认：application/x-www-form-urlencoded

上传文件：multipart/form-data

不建议使用：text/plain123actionmethodentype表单中常用的标签表单中使用频率最高的标签，没有之一文本域，一般用于多行文本Input标签textareaselect下拉框，一般用于选项Input常用的type属性值text文本框file

passwordhiddenradiosubmit密码框单选框文件选择隐藏域提交按钮复选框reset重置按钮checkboxplaceholder提高用户体验度Input标签的其它属性name表单中最重要的一个属性readonly

只读disabled

禁用value

input的值select下拉框option下拉选项下拉框的基本标签，有多少个option就有多少个下拉选项selected下拉状态表示选中某个下拉选项size下拉框显示表示下拉框，显示多