零基础入门JAVAweb——前端开发html篇

作者简介

首页:​​​​​​小罗のdiary的博客_CSDN博客-单片机原理,java基本常识领域博主

职业:‍在校大学生

爱好:写博客,听歌,学习单片机,java,跑步

擅长:单片机的基本原理,java基本原理

欢迎来首页阅读我的博客


主要内容

主要是要了解html文件的基本结

,然后对每个标记进行解读,代

码编写,结果演示,简单且有效

的理解html代码,这为以后java

web打下坚实的基础


目录

❤️一、html文件的基本结构

✨1.html标记

✨2.head标记

✨3.titile标记

✨4.body标记

✨5.html的基本结构代码

❤️二、html文件的文本标记

✨代码及其结果展示

(1)换行模块

(2)标题模块

(3)居中模块

(4)无序列表模块

(5)有序列表模块

(6)行内和块标记模块

(7)表格模块

(8)表单模块 

(9)下拉菜单模块

(10)文本域模块 

(11)超连接模块

(12)图片模块


开始学习


❤️一、html文件的基本结构

html主要由四部分组成,每个部分都不可或缺,这四个部分类似于我们人的身体。

✨1.html标记

该标记是html的主体部分,他相当于我们人的基本架构,所以说他是整个html文件的开头,以结尾

✨2.head标记

该标记是html文件的头标记,存放文件信息,例如:CSS样式代码,类似于我们人体的大脑部分,看不见,摸不着

✨3.titile标记

该标记的标题标记,一般在中

✨4.body标记

是html文件的主体标记,页面内容都在该标记中,相当于我们人体的四肢,执行大脑的指令

✨5.html的基本结构代码


    
        脑部
        页面标题
    
    
        执行大脑指令
    

❤️二、html文件的文本标记


  1. 换行标记,该标记是一个单独标记
  2. 段落标记,前后空1行

  3. 标题标记,x为数字1,2,3,4,5,6共6个等级
  4. 行内标记
  5. 块标记
  6. 居中标记
    • 无序列表标记,
    • 为列表项
      1. 有序列表标记,
      2. 为列表项
      3. 行内区域标记
      4. 块区域标记
      5. 表格标记
        行标记
      6. 表格标题标记
      7. 表头标记
      8. 列标记
      9. 表单标记,表单输入标记

      10. 超链接标记
        跳转界面
        图片标记

        (1)换行模块

        零基础入门JAVAweb——前端开发html篇_第1张图片

        (2)标题模块

        零基础入门JAVAweb——前端开发html篇_第2张图片

        (3)居中模块

        零基础入门JAVAweb——前端开发html篇_第3张图片

        (4)无序列表模块

        零基础入门JAVAweb——前端开发html篇_第4张图片

        (5)有序列表模块

        零基础入门JAVAweb——前端开发html篇_第5张图片

        (6)行内和块标记模块

        零基础入门JAVAweb——前端开发html篇_第6张图片

        (7)表格模块

        零基础入门JAVAweb——前端开发html篇_第7张图片

        (8)表单模块 

        零基础入门JAVAweb——前端开发html篇_第8张图片

        (9)下拉菜单模块

        零基础入门JAVAweb——前端开发html篇_第9张图片

        (10)文本域模块 

        零基础入门JAVAweb——前端开发html篇_第10张图片

        (11)超连接模块

        6e6630cab9484d28b784c169fa4c110c.png

        (12)图片模块

        零基础入门JAVAweb——前端开发html篇_第11张图片

        相信大家到这里应该已经读完了吧!

        觉得写得好的话点个赞再走呗!

        零基础入门JAVAweb——前端开发html篇_第12张图片

        你可能感兴趣的:(javaweb,java,前端)