html学习

最新推荐文章于 2024-10-17 00:04:56 发布

apple_73086122

最新推荐文章于 2024-10-17 00:04:56 发布

阅读量534

点赞数

文章标签： html 学习前端

本文链接：https://blog.csdn.net/apple_73086122/article/details/128463317

版权

1.网页是怎么形成的？

网页通过浏览器才能访问阅读
网页是网站中的一“页”
文件扩展名.html

2.什么是html？

html是用来描述网页的一种语言
指的是超文本标记语言（Hyper Text Markup Language）
不是编程语言而是一种标记语言

3.w3c万维网联盟？

在这里插入图片描述

4.web标准的组成？

html结构+css表现+js行为

5.html的基本语法？

常规标记（双标签）
<标记></标记>
例如<head></head>
空标记（单标签）
<标记/>
例如<br/>

6.文档声明与字符编码？

<!DOCTYPE html> 文档声明标签
<html lang="en"> 
<head>
    <meta charset="UTF-8"> 按UTF-8编码
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title> 
</head>
<body>
    
</body>
</html>

7.html常用标签？

在这里插入图片描述

8.不一样的hr？

<hr color="颜色" width=“宽度”>
<hr align=“对齐方式”>：不同颜色、长度、位置的分割线
noshade：取消阴影

9.特殊符号？

在这里插入图片描述

10.div和span标签？

div标签：没有具体含义，用来划分页面的区域，独占一行
在这里插入图片描述

span标签：没有实际意义，主要应用在对于文本独立修饰的时候，内容有多宽就占有多宽的空间距离
在这里插入图片描述

11.有序列表？

在这里插入图片描述

<body>
    <ol type="1"> 
    <!-- 
    li里面可以随意放标签，但是ol里面只能放li
    数字是自动生成的 
    type：1，a，A，i，I
    start：数字
    -->
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ol>
</body>

12.无序列表？

<body>
    <ul>
    <!-- 
    ul里面只能放li，li里面可以放其他标签
    默认的是黑色实心圆
    type：disc circle square none
    -->
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</body>

13.自定义列表？

<body>
    <dl>
        <dt>图片</dt>、
        <dd>文字</dd>
    </dl>
</body>

14.图片标签的路径？

同级目录./或绝对路径
<img src="图片路径" alt="">
在这里插入图片描述

…/上一级

15.图片标签的属性？

<img src="" alt="" title="描述图片用处" width="宽度" height="高度">

16.超链接标签？

在这里插入图片描述

<body>
    <a href="网址">百度</a>
</body>

20.table表格基本结构和属性？

在这里插入图片描述

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
    <tr>
        <td>3</td>
        <td>4</td>
    </tr>
</table>

21.tr的属性？

在这里插入图片描述

22.td的属性？

在这里插入图片描述

23.表格合并？

在这里插入图片描述

<body>
    <table border="1" width="300">
        <tr>
            <td colspan="2">1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>3</td>
            <td>4</td>
        </tr>
    </table>    
</body>

24.表单标签？

什么是表单？
表单作用：收集信息

在这里插入图片描述

<body>
    <form action="提交网址">
        用户信息：<input type="text" placeholder="请输入">
        密码：<input type="password" placeholder="请输入">
        <input type="submit">
    </form>
</body>

25.什么是css？

在这里插入图片描述

26.css内部样式和外部样式？

在这里插入图片描述

27.css行内样式？

在这里插入图片描述

28.样式表的优先级？

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="">
</head>
<body>
    <!-- ！import>行内>内部>外部 -->
</body>
</html>