前端学习笔记Day01-- HTML,CSS,JavaScript

最新推荐文章于 2024-08-12 01:25:53 发布

GYQ1

最新推荐文章于 2024-08-12 01:25:53 发布

阅读量160

点赞数

分类专栏：前端文章标签：前端 html

本文链接：https://blog.csdn.net/qq_53157982/article/details/122831099

版权

前端专栏收录该内容

9 篇文章 1 订阅

订阅专栏

这篇博客介绍了HTML、CSS和JavaScript的基础知识，包括HTML的常用标签如

、
、
等，CSS用于美化界面和布局的样式规则，以及JavaScript的基本语法和变量、函数。通过这些基础知识，读者可以掌握网页制作的入门技能。
摘要由CSDN通过智能技术生成

HTML

超文本标记语言（HyperText Mark-up Language）

打开时输入！确定自动生成基本结构

ctrl + / 注释

常用html标签

不区分大小写，推荐小写

双标签是由开始标签和结束标签组成的一组标签，允许嵌套和承载内容，比如div标签

单标签由一个标签，比如img标签

<h1></h1>：设置字体大小

<p></p>：段落标签，换行

<div></div>：容器标签

<hr>：创建一条水平线

<img src='图片路径' alt='加载失败时提示信息'>：加载图片

列表标签

无序列表标签和有序列表标签，前面的

    <ul>

        <li>苹果</li>

        <li>鸭梨</li>

    </ul>



    <ol>

        <li>第一步</li>

        <li>第二步</li>

    </ol>

效果

表格标签

表格由行和列组成

 <table style="border:1px solid black;border-collapse: collapse;">

        <tr>
 <table style="border:1px solid black;border-collapse: collapse;">

        <tr>

            <th style="border:1px solid black">姓名</th>

            <th style="border:1px solid black">性别</th>

        </tr>

        <tr>

            <td style="border:1px solid black">GYQ</td>

            <td style="border:1px solid black">男</td>

        </tr>

    </table>
            <th style="border:1px solid black">姓名</th>

            <th style="border:1px solid black">性别</th>

        </tr>

        <tr>

            <td style="border:1px solid black">GYQ</td>

            <td style="border:1px solid black">男</td>

        </tr>

    </table>

表单标签

搜集不同类型的用户输入的数据，然后把用户数据提交到服务器

表单元素标签：

  <form>

        <label>姓名：</label>  

        <input type="text">

        <br>

        <label>密码：</label>

        <input type="password">

        <br>

        <label>性别：</label>

        <input type="radio">男

        <input type="radio">女

        <br>

        <label>爱好：</label>

        <input type="checkbox">吃饭

        <input type="checkbox">睡觉

        <br>

        <label>照片：</label>

        <input type="file">

        <br>

        <label>个人描述：</label>

        <textarea></textarea>

        <br>

        <label>地址：</label>

        <select>

            <option>北京</option>

            <option>上海</option>

            <option>河南</option>

        </select>

        <br>

        <input type="submit" value="提交">

        <input type="reset" value="重置">

        <input type="button" value="按钮">

    </form>