JAVA-WEB(一):HTML、CSS

一、HTML

  • Hyper Text Markup Language:超文本标记语言
  • 超文本:指不仅仅是纯文本还包括字体相关和多媒体相关(图片,音频,视频)
  • 作用:负责搭建页面结构和准备页面内容
  • 学习HTML主要学习的就是有哪些标签,以及标签的使用方式

1. 文本相关标签

1. 内容标题:

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

2. 段落标签:

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

3. 水平分割线:


4. 换行:

5. 加粗:

6. 斜体:

7. 下划线:

8. 删除线:




    
    Title



内容标题1

内容标题2

内容标题3

内容标题4

内容标题5
内容标题6

段落标签1

段落 标签2

段落
标签3

加粗标签 斜体标签 下划线标签 删除线标签

2. 列表标签

无序列表:ulli

有序列表:olli

列表嵌套:有序列表和无序列表可以任意无限嵌套




    
    Title


列表标签

无序列表

  • 刘备
  • 孙尚香
  • 诸葛亮
  • 夏侯惇
  • 刘禅

有序列表

  1. Java基础
    • 变量
    • 数据类型
    • 运算符
  2. JavaAPI
  3. Web前端

3. 图片标签img

src:资源路径

相对路径:访问站内资源

        资源和页面同级目录:直接写文件名

        资源在页面的上级目录:../文件名

        资源在页面的下级目录:文件夹名/文件名

绝对路径:访问站外资源时使用,称为图片盗链,有找不到图片的风险

alt:当图片不能显示时显示的文本

title:图片标题

width/height:设置宽高,两种赋值方式:像素和百分比, 只设置宽度时高度会自动等比例缩放




    
    Title



图片不能显示时显示的文本






4. 超链接a

href:设置资源路径和图片标签的src属性类似

a标签包裹文本为文本超链接,包裹图片为图片超链接




    
    Title


超链接1
超链接2


    


5. 表格标签table

相关标签:tablecaption表格标题,tr表示行,td表示列,th表示表头

相关属性:border边框, rowspan跨行,colspan跨列




    
    Title


1-1 1-3 1-4
2-12-2
3-1
购物车
编号商品名价格
1华为手机5600
2小米手环600

6. 表单form

作用:获取用户输入的各种信息并提交给服务器

学习form表单就是学习form表单中有哪些控件

相关代码:

 
 

你可能感兴趣的:(java,开发语言,前端,html,css)