HTML基础知识小结

柠檬味的融融521

已于 2022-03-30 22:55:42 修改

阅读量129

点赞数 1

分类专栏：小菜鸟学习大本领文章标签： html5 html

于 2022-03-30 22:25:21 首次发布

本文链接：https://blog.csdn.net/m0_64054560/article/details/123857238

版权

小菜鸟学习大本领专栏收录该内容

5 篇文章 0 订阅

订阅专栏

1、网页三要素

html（结构）：搭建骨架-=====W3c
css（表现）：美化页面-=====W3c
js（行为）：实现交互效果======ECMA

2、标签：

单标签：<标签名字属性=“”>

双标签：<标签名字属性=“”>内容</标签名字>

3、标签有些什么？

文章标题标签：h1-h6

特点：双标签、默认加粗效果、从上到下依次变小、纵向排列

段落：p

特点：双标签、纵向排列、段段之间有间距

倾斜标签：i 、 em

特点：双标签、横向排列、em 语气加重

加粗：b 、 strong

特点：双标签、横向排列、strong 语气加重

删除线:s 、del

特点：双标签、横向排列、del 语气加重

下划线：u

特点：双标签、横向排列

上标：sup 下标：sub

特点：双标签、横向排列

强制换行：br

特点：单标签

水平线：hr

特点：单标签

列表：

1、无序列表 ul-li

特点：1个li独占一行。默认列表符号实心圆点

2、有序列表ol-li

特点：列表符号默认是数字

3、自定义列表 dl-dt dd

特点：dd是对dt的解释说明，dt放图片，dd放文字，实现图文结合效果

图片：img

特点：单标签、横向排列

属性：src（路径）、alt（加载不出来显示的提示）、title（鼠标悬停时显示的提示）

超链接：a

特点：双标签、横向排列、自带下划线、默认有颜色

属性：href（跳转网址）：可以是真实网址、可以是自己写的html网址、可以是图片路径

target（指定打开方式）：_self 当前页面（默认）、_blank 新窗口

div标签和span标签：

div标签特点：本身无含义，用来给网页划分区域，双标签，纵向排列

span标签特点：本身无含义，修饰小段文字，双标签，横向排列

表单：form

作用：收集用户信息。

属性： action：写服务器地址

method：写提交方式（get、post）

name：给表单起名字

表单控件：文本输入框input
属性： type（ text文本、password密码、 submit提交按钮、reset重置按钮，清空）

        <body>
            <form action="" method="" name="" ></form>
            账号：<input type="text">
            <br><br>
            密码：<input type="password">
            <br><br>
            <input type="submit">    
            <input type="reset">
        </body>