【HTML】HTML的基础语法(附思维导图) |
您所在的位置：网站首页 › java语法基础思维导图图片 › 【HTML】HTML的基础语法(附思维导图) |
【HTML】HTML的基础语法(附思维导图)
|
文章目录
一、HTML结构二、HTML标签1、div 和 span 标签2、标题标签3、段落标签4、换行标签5、格式化标签6、注释标签7、图像标签8、超链接标签9、表格标签10、列表标签11、表单标签11.1 表单域11.2 input表单元素11.3 label标签11.4 select表单元素11.5 textarea表单元素
12、特殊字符
三、HTML学习资源四、未来可期
一、HTML结构
vscode中提供的标准骨架。 DOCTYPE html> Document 二、HTML标签 1、div 和 span 标签和 是没有语义的，它们就是一个盒子，用来装内容的 div 是独占一行的, 是一个大盒子.span 不独占一行, 是一个小盒子. 2、标题标签 单词 head 的缩写，意为：头部、标题从一级标题到六级标题，重要性依次递减，字体越小 一级标题 二级标题 三级标题 四级标题 五级标题 六级标题 3、段落标签 单词 paragraph 的缩写，意为：段落 我是一个段落标签 4、换行标签 单词：break 的缩写，意为：打断、换行 是个单标签 标签只是简单地开始新的一行，跟段落不一样，段落之间会插入一些垂直的间距，而换行不会 准备换行 准备换行 这段要结束了 5、格式化标签 加粗 加粗 倾斜 倾斜 删除线 删除线 下划线 下划线 6、注释标签 增加代码的可读性 7、图像标签 图像标签是
表格标签属性，在日后可以使用CSS来完成，简单了解即可 表格属性作用描述align表格相对于周围元素的对齐方式border表示边框. 1 表示有边框, “” 表示没边框.cellpadding内容距离边框的距离cellspacing单元格之间的距离width设置表格的宽度 10、列表标签 表格是用来显示数据的，那么列表就是用来布局的列表分类 无序列表有序列表自定义列表 列表1 列表2 列表3 列表1 列表2 列表3 内容1 对内容1的描述1 对内容1的描述2 对内容1的描述3 11、表单标签 11.1 表单域 各种表单元素控件 11.2 input表单元素 在表单元素中 标签用于收集用户信息 标签为单标签 标签的属性 type：指定不同的控件类型name：定义input元素的名称value：规定input元素的值checked：规定该input元素首次加载时应该被选中maxlength：规定输入字段中，字符的最大长度 type属性值描述button定义可点击按钮checkbox定义复选框file定义输入字段和“浏览”按钮，供上传文件hidden定义隐藏的输入字段image定义图像形式的提交按钮password定义密码字段radio定义单选按钮 (同一组按钮，name值必须相同)reset定义重置按钮，清空表单中所有数据submit定义提交按钮，将表单数据发送给服务器text定义单行的输入字段 11.3 label标签标签用于绑定一个表单元素，当点击 演示示例：示例传送门 11.4 select表单元素 下拉列表供用户选择 中至少包含一对 在 中定义 selected=“selected” 时，当前项即为默认选中项 选项1 选项2 选项3 ... 11.5 textarea表单元素 当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用 标签使用多行文本输入控件，可以输入更多的文字，该控件常用于留言板、评论cols=“每行中的字符数”，rows=“显示的行数”，日后也可以用CSS完成 文本内容 12、特殊字符在 HTML 页面中，一些特殊的符号很难或者不方便直接使用，此时我们就可以使用下面的字符来替代。 原字符替换字符空格符;;&;±±××÷÷上标2² 三、HTML学习资源1、学习文档：HTML教程 2、学习视频：HTML教程 3、思维导图：思维导图我是在GitHub上淘到的，下面给出地址，如果不方便下载的，也可以用百度网盘，我放到网盘里一份。 GitHub仓库：传送门百度网盘： 链接： https://pan.baidu.com/s/1WwqteSMDN3riEt9xAkcjcw 提取码: mqp1 四、未来可期文章到这里就要结束了，但故事还没有结局 如果本文对你有帮助，记得点个赞👍哟，也是对作者最大的鼓励🙇♂️。 如有不足之处可以在评论区👇多多指正，我会在看到的第一时间进行修正 作者：爱打瞌睡的CV君 CSDN：https://blog.csdn.net/qq_44921056 本文仅用于交流学习，未经作者允许，禁止转载，更勿做其他用途，违者必究。 |
【本文地址】
今日新闻 |
推荐新闻 |