HTML基础


HTML基础

写在前面

2022年3月30日04:39:43,开始前端的学习,说是学习其实半个复习。接触这玩意儿比接触编程语言还早,那时候还是个连家用的路由器都不会用的小白呢,其实就是捡起来以前没学完或者学一半的东西做个复习。目标还是后端,前端部分其实也是为了后端铺路,所以笔记会稍显潦草,也不会记录一些大而空的东西,只记录一些代码,把东西基本都写到代码的注释里好了,希望自己以后翻到的时候不会后悔没有好好记笔记。

 

基本信息

示例代码:






    
    
    
    
    
    
    我的第一个网页



?
Hello,World!
?

 

基本标签

示例代码:




    
    Title



一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
? 这颗流浪地球上
有个故事你要讲
车开向四海八荒
你要乘坐哪一趟
你说随它反正都一样
?
?

其实破碎的人没关系

我也曾经很像你

在那片荒地孤身一人捱到如今

可是新开的花在找你

请你闻闻它的香

一到这样的时候是否舍不得再沮丧

? 还有泛黄的傍晚
小孩子递来喜糖
? 野草一年年疯长        来自亲人的寄望 ?

 

图像标签




    
    Title


?






显示失败
?

 

链接标签




    
    Title





?



点击跳转到我的blog
?

?    显示失败 ?
? 回到顶部 ?
? 点击链接给我发邮件 ?

 

列表标签




    
    Title


?

       
  1. 内容第一行
  2.    
  3. 内容第二行
  4.    
  5. 内容第三行
  6.    
  7. 内容第四行
  8.    
  9. 内容第五行
?
?
       
  • 内容第一行
  •    
  • 内容第二行
  •    
  • 内容第三行
  •    
  • 内容第四行
  •    
  • 内容第五行
?
?
   
列表名称一
   
内容第一行
   
内容第二行
   
内容第三行
   
内容第四行
   
内容第五行
?    
列表名称二
   
内容第一行
   
内容第二行
   
内容第三行
   
内容第四行
   
内容第五行

 

表格标签




    
    Title


?





    
        
        
    
    
        
        
        
        
        
    
    
        
        
        
    
1-1
2-12-22-32-4
3-13-23-3
?

 

媒体标签




    
    Title


?




?





 

内联框架




    
    Title


?




?

点击跳转
?





?

 

页面结构

合理使用这些自定义的标签来包装代码,可以使代码的可阅读性显著提高。

 

行内元素和块元素

行内元素

  • 内容撑开宽度。

  • 左右都是行内元素的可以在一行内显示。

  • 比如a、strong、em等等。

块元素

  • 无论多少内容,该元素独占一行。

  • p、h1-h6、hr等等。