html笔记(完整版)

目录

码仙励志

背景颜色 bgcolor

注释

空格 

版权符©

网页标题

标题标记

网页编码

强制换行标记

换段落标记

居中对齐白标记

预格式化标记

列表项目标记

无序列表标记

有序列表标记

定义型列表

水平分割线标记

分区显示标记

字体设置标记

粗字体标记

斜字体标记

文字下标字体标记​

文字上标字体标记

下划线字体标记

其它标记

图像标记

超链接的使用

表格

框架

表单设计


码仙励志

生活总是让我们遍体鳞伤,但到后来,那些受伤的地方一定会变成我们最强壮的地方

背景颜色 bgcolor


秦帅哥

html笔记(完整版)_第1张图片

注释

不添加注释:


秦帅哥
秦帅哥

html笔记(完整版)_第2张图片

添加注释:


秦帅哥

空格 


秦 帅       哥
秦 帅     哥

 

版权符©


©版权归秦帅哥所有

网页标题



秦帅哥的网页标题



秦帅哥

标题标记

共有6个级别,n的范围1~6,不同级别对应显示大小不同的标题,h1最大,h6最小


秦帅哥

秦帅哥

秦帅哥
秦帅哥

html笔记(完整版)_第3张图片

网页编码



秦帅哥的网页标题

link连接的颜色

alink正在点击的颜色

vlink已经访问的连接颜色


百度
淘宝

强制换行标记



秦帅哥
秦帅哥

换段落标记


秦帅哥

秦帅哥

居中对齐白标记


秦帅哥

预格式化标记


秦 帅     哥

列表项目标记

  • 
        
  • 秦帅哥
  • 秦帅哥
  • 秦帅哥
  • 秦帅哥
  • 秦帅哥
  • html笔记(完整版)_第4张图片

    无序列表标记

      
      
      • 秦帅哥
      • 秦帅哥
      • 秦帅哥
      • 秦帅哥
      • 秦帅哥

      html笔记(完整版)_第5张图片

      有序列表标记

        
        
        1. 秦帅哥
        2. 秦帅哥
        3. 秦帅哥
        4. 秦帅哥
        5. 秦帅哥

        html笔记(完整版)_第6张图片

        有序列表的type属性值

        html笔记(完整版)_第7张图片

        
        
        1. 秦帅哥
        2. 秦帅哥
        3. 秦帅哥
        4. 秦帅哥
        5. 秦帅哥

        html笔记(完整版)_第8张图片

        指定一个新的数字起始值value

        
        
        1. 秦帅哥
        2. 秦帅哥
        3. 秦帅哥
        4. 秦帅哥
        5. 秦帅哥

        html笔记(完整版)_第9张图片

        列表嵌套

        
        
        1. 秦帅哥
          1. 秦帅哥
          2. 秦帅哥
          3. 秦帅哥
        2. 秦帅哥
        3. 秦帅哥

        html笔记(完整版)_第10张图片

        定义型列表

        html笔记(完整版)_第11张图片

        
        
        软件说明:
        简单介绍软件的功能及基本应用
        软件界面
        用于选择软件的外观

        水平分割线标记


        
        秦帅哥
        
        秦帅哥

        分区显示标记

        
        
        秦帅哥
        秦帅哥

        字体设置标记

        设置字体的格式

        
        秦帅哥
        秦帅哥

        html笔记(完整版)_第12张图片

        粗字体标记

        
        秦帅哥
        秦帅哥

        斜字体标记

        
        秦帅哥
        秦帅哥

        文字下标字体标记

        
        23
        

        文字上标字体标记

        
        23
        

        下划线字体标记

        
        秦帅哥
        秦帅哥

        其它标记

        html笔记(完整版)_第13张图片

        图像标记

        html笔记(完整版)_第14张图片

        
        
        
        灰太狼
        

        html笔记(完整版)_第15张图片

        超链接的使用

        html笔记(完整版)_第16张图片

        在当前窗口中打开链接

        
        百度
        test2
        

        在一个新的窗口中打开链接

        
        百度
        

        锚点链接

        
         
         到页面底部
        内容
        到页面顶部

        表格

        1.

        标记

        html笔记(完整版)_第17张图片

        2.

        标记

        html笔记(完整版)_第20张图片

        4.

        标记

        html笔记(完整版)_第18张图片

        
          表格
          
        
        
          
        表格的标题
        班级 姓名 年龄 成绩
        四年级一班 张三 16 80
        四年级一班 李四 14 90

        html笔记(完整版)_第19张图片

        3.

        html笔记(完整版)_第21张图片

        
          

        html笔记(完整版)_第22张图片

        框架

        框架将浏览器划分成不同的部分,每一部分加载不同的网页,实现在同一浏览器窗口中加载多个页面的效果

        html笔记(完整版)_第23张图片

        
          
            框架
            
          
        
          
            
            
              
              
            
            
          
        
        

        html笔记(完整版)_第24张图片

        表单设计

        1.表单标记

        ...

        html笔记(完整版)_第25张图片

        2.文本域和密码标记

        html笔记(完整版)_第26张图片

        3.提交、重置、普通按钮

          
            
        账号:

        密码:

        html笔记(完整版)_第27张图片

        4、单选框和复选框

          
            
        性别:

          
            
        爱好: 牛肉 菜心 莲藕

        5、隐藏域

        时,为隐藏表单域

          
            

        6、多行文本域

        html笔记(完整版)_第28张图片

          
            
        自我介绍:

        html笔记(完整版)_第29张图片

        7、菜单下拉列表域标记

        html笔记(完整版)_第30张图片

          
            
        地址:

        本篇博客来自于麦子学院视频教程的总结以及笔记的整理,仅供学习交流,切勿用于商业用途,如有侵权,请联系博主删除,博主QQ:194760901 

        你可能感兴趣的:(HTML随笔)