JAVA前端HTML页面设计

课程介绍

1. Web前端: 学习如何作页面
2. 数据库: 学习如何对数据进行增删改查
3. SpringBoot: 学习将前端页面和数据库打通, 实现业务逻辑部分

HTML

1. 作用: 学习如何搭建页面结构和准备页面内容(盖房子 毛坯房)

1. HyperTextMarkupLanguage: 超文本标记语言

1. 标记语言:

<标签头 属性="值">标签体

1. 超文本: 指不仅仅是纯文本,还包括字体相关和多媒体相关(图片,音频,视频).

1. 页面结构:

文档声明: 告诉浏览器使用哪个版本

的标准解析此页面,此写法是HTML5的标准

页面跟标签

  头标签:里面的内容是给浏览器看的

      设置字符集

      设置页面标题

 

  体标签: 里面的内容是给用户看的

 

1. 学习HTML主要学习的就是有哪些标签,以及标签的使用方式

文本相关标签

1. 内容标题h1-h6

特点: 字体加粗, 独占一行, 自带上下间距

1. 段落标签p

特点: 独占一行, 自带上下间距

1. 水平分割线hr
2. 换行br
3. 加粗b
4. 斜体i
5. 下划线u
6. 删除线s

列表标签

1. 无序列表:  ul和li组合
2. 有序列表: ol和li组合
3. 列表嵌套: 有序列表和无序列表可以任意无限嵌套

图片标签img

1. src: 资源路径:
   • 相对路径:访问站内资源使用