• 2024-03-11,12(HTML,CSS)


    1.HTML的作用就是在浏览器摆放内容。

    2.HTML基本骨架

    head:网页头部,是给浏览器看的代码,例如CSS

    body:网页主体,是给用户看的代码,例如图片,文字。

    title:网页标题

    3.标签的两种关系

    父子关系:嵌套

    兄弟关系:并列

    4.

    标题在网页中只能用一次,没有次数限制,段落标签


    换行标签,


    水平线标签

    5.文本格式化标签,为文本添加特殊格式,用于突出重点

    6.图像标签,title:鼠标悬停显示信息,alt:没加载出图片的显示信息

    7.文件路径:. 当前文件夹,.. 上一级文件夹  / 进入文件

    8.超链接标签,target="_blank"跳转的时候打开新窗口

    9.音频标签

    10.网页制作思路:从上至下,先整体在局部,逐步分析制作

    分析内容,写代码,保存,刷新浏览器,看效果

    11.列表,表格,表单

    不同场景,不同选择

    12.列表:布局内容排列整齐的区域。

    无序列表:布局排列整齐,不需要按照规定顺序的区域。

    标签:ul嵌套li,ul是无序列表,li是列表条目

      里面只能由li,li里面可以有任何内容

      13.有序列表:布局排列整齐的需要规定顺序的区域

      标签:ol嵌套li,ol是有序列表,li是列表条目

        里面只能由li,li里面可以有任何内容

        14.定义列表

        标签:dl嵌套dt和dd,dl是定义列表,dt是定义列表的标题,dd是定义列表的描述或者详情。

        dl里面只能由dt和dd,dt和dd里面可以有任何东西

        15.表格:类似excel,用来展示数据

        标签:

        嵌套tr,tr嵌套td/th

        单元格也是可以合并的:跨行跨列都行

        合并单元格步骤:

        1)明确合并的目标

        2)保留最左最上的单元格,添加属性(属性取值是数字,数字表示要合并的单元格数量)

                跨行合并:保留最上的单元格,添加属性rowspan

                跨列合并:保留最左的单元格,添加属性colspan

        3)删除其他单元格

        16.表单

        作用:收集用户信息

        使用场景:登录页面,注册页面,搜索区域

        ,type属性不同,则功能不同

        input标签的占位文本:就是提示信息给用户需要输入什么

        下拉菜单:

        标签:select嵌套option,select是下拉菜单整体,option是下拉菜单的每一项

        17.文本域标签

        用于多行输入文本的表单控件

        标签:textarea

        18.基础选择器作用:找标签

        19.CSS定义

        层叠样式表(Cascading Style Sheets,缩写为CSS),是一种样式表语言,用来描述HTML文档的呈现(美化内容)

        书写位置:title标签下方添加style双标签,style标签里面书写CSS代码

        CSS引入方式:

        内部样式表:学习使用:CSS代码写在