• 前端页面基础HTML、CSS、JS学习Day01


    目录

    一、HTML

    1.1、基础标签

    1.2、a标签

    1.3、图片

    1.4、表格

    1.5、表单

    1.6、textarea

    二、CSS

    2.1、基础

    2.2、组合选择器

    2.3、文本

    2.4、块

    2.5、盒子模型

    三、JS

    3.1、基础

    3.2、数组

    3.3、函数

    3.4、对象


    一、HTML

    1.1、基础标签

    HTML
      超文本标记语言
      
      基础语法
        标签
          单标签
            无属性 <标签名 />
            有属性 <标签名 属性名="属性值" />
          双标签
            无属性 <标签名>
            有属性 <标签名 属性名="属性值">
        整体结构
           表示当前是一个网页
           头部信息
           身体部分
        doctype
           html5版本声明,需要写在文档的第一行
    注意:标签的属性之间要以空格隔开。
    
    body标签
      bgcolor 背景颜色		1.颜色名 2.rgb 3.16进制
      text 	字体颜色		1.颜色名 2.rgb 3.16进制
    标题标签
      

    ~
    依次从大到小 不建议在页面中写多个h1标签,h1标签可以被搜索引擎获取到,如果有多个,可能会进入搜索引擎的黑名单。 水平线标签
    width 宽度 1.百分比 2.px align 对齐方式 left right center(默认) size 水平线粗细
    段落和换行
      段落标签
        

    段落会自动换行 常用属性: align 对齐方式 left 居左对齐(默认) right 居右对齐 center 居中对齐 justify 两端对齐 换行标签

    列表
      无序列表
        格式:
          
    常用属性: type 列表的图标 square 实心方块 circle 空心圆 disc 实心圆 (默认) 有序列表 格式:
    常用属性: type 列表的图标 1 数字序号 (默认) a 小写字母 A 大写字母 i 小写罗马字母 I 大写罗马字母

    层与块

    1.3、图片

    图片

    input标签

    按钮

    下拉框

    1.6、textarea

    textarea

    字符实体

    二、CSS

    2.1、基础

    
    
    	
    		
    		001css基础