!DOCTYPE html html head meta charset utf-8 title 开始学习html 这是我的第一个页面 哈哈哈 /title /head body h1 标题1 虽然我不会 但是我有学习的动力 /h1 h2 标题2 今天我认真的学习了 /h2 p 这是一个段落 /p /body /html以上内容包含的元素有 html 、 head 、 body 、 h1 、 h2 、 p 六个html元素 1.3 空元素 没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的 比如前边说的 br 就是没有关闭标签的空元素 空元素的关闭方法为 例如 br / 1.4 书写注意事项 元素建议使用小写 比如 a dsd /a 而不要写 A sdsd /A 。 1.5 HTML标签 内容比较多 可以参考学习https://www.runoob.com/tags/html-reference.html 2 属性 2.1 属性说明 对TML 元素可以设置属性 属性可以在元素中添加附加信息 属性一般描述于开始标签 属性总是以名称/值对的形式出现,比如python中的字典 有键和值 比如name zhangsan ; 2.2 示例 比如元素 a 的href 属性 表示链接的地址
!DOCTYPE html html head meta charset utf-8 title 开始学习html 这是我的第一个页面 哈哈哈 /title /head body h1 标题1 虽然我不会 但是我有学习的动力 /h1 h2 标题2 今天我认真的学习了 /h2 p 这是一个段落 /p a href https://blog.csdn.net/NoamaNelson 点击进入我的博客链接 /a /body /html浏览器中打开如下 2.3 属性举例 属性说明class规定元素的类名 classname id规定元素的唯一 idstyle规定元素的行内样式title规定元素的额外信息 2.4 注意事项 属性建议使用小写 使用双引号或单引号括起来 如果遇到有双引号和单引号一起用的 注意要成对用 比如name gebi laowang ; 3 标题 3.1 标题说明 这个和markdown查不对 都使用h来表示 使用 h1 到 h6 标签进行定义 h1 是最大标题 依次减小 h6 最小 3.2 使用方法
h1 标题1 类似一级标题 个人叫法 /h1 h2 标题2 类似二级标题 个人叫法 /h2 h1 标题1 类似一级标题 个人叫法 /h1 h1 标题1 类似一级标题 个人叫法 /h13.3 举例
!DOCTYPE html html head meta charset utf-8 title 标题学习 /title /head body h1 1、xx工具的使用 /h1 h2 1.1、xx工具的下载 /h2 h3 1.1.1、xx工具下载网址 /h3 a href https://blog.csdn.net/NoamaNelson 点击进入我的博客链接 /a /body /html4 水平线 4.1 HTML水平线 使用标签 hr 来定义 页面中的水平线 其作用可用来分割内容。 4.2 使用方法
p 段落1 /p p 段落2 /p p 段落3 /p p 段落4 /p p 段落5 /p4.3 举例
!DOCTYPE html html head meta charset utf-8 title 水平线学习 /title /head body p align center 静夜思 /p p align center 床前明月光 /p p align center 疑是地上霜。 /p p align center 举头望明月 /p p align center 低头思故乡。 /p /body /html5 注释 5.1 HTML注释 使用 !-- xxxx -- 进行注释 和编程语言一样 提升代码的可阅读性 不会被浏览器显示出来。 5.2 使用方法 !-- 写注释的内容 -- 5.3 举例 vs code直接在需要加注释的代码行使用ctrl /即可快速进行代码注释 6 段落 6.1 HTML段落 其实就是将文档可以分为若干个段落 使用 p 段落内容 /p 来表示 浏览器会自动在段落前后加空行。 6.2 使用方法 p 段落内容 /p 段落内换行使用 br 6.3 举例 第一种 直接使用 p 段落内容 /p 诗句的标题是一段 内容是一段
!DOCTYPE html html head meta charset utf-8 title 段落学习 /title /head body !-- 使用一首诗来表示段落 -- p align center 静夜思 /p p align center 床前明月光 疑是地上霜。举头望明月 低头思故乡。 /p !-- p align center 疑是地上霜。 /p p align center 举头望明月 /p p align center 低头思故乡。 /p -- /body /html第二种 使用 br 在一个段落内换行
!DOCTYPE html html head meta charset utf-8 title 段落学习 /title /head body !-- 使用一首诗来表示段落 -- p align center 静夜思 /p !-- 第一种 -- !-- p align center 床前明月光 疑是地上霜。举头望明月 低头思故乡。 /p -- !-- p align center 疑是地上霜。 /p p align center 举头望明月 /p p align center 低头思故乡。 /p -- !-- 第二种 -- p align center 床前明月光 br 疑是地上霜。 br 举头望明月 br 低头思故乡。 /p /body /html第三种 诗句的每一句就是一个段落
!DOCTYPE html html head meta charset utf-8 title 段落学习 /title /head body !-- 使用一首诗来表示段落 -- p align center 静夜思 /p !-- 第一种 -- !-- p align center 床前明月光 疑是地上霜。举头望明月 低头思故乡。 /p -- !-- 第二种 -- !-- p align center 床前明月光 br 疑是地上霜。 br 举头望明月 br 低头思故乡。 /p -- !-- 第三种 -- p align center 床前明月光。 /p p align center 疑是地上霜。 /p p align center 举头望明月 /p p align center 低头思故乡。 /p /body /html
、
『全栈测试技术 分享 共勉 共进 提升』
