HTML基础

最新推荐文章于 2025-04-24 21:22:41 发布

zh_ly

最新推荐文章于 2025-04-24 21:22:41 发布

阅读量161

点赞数

分类专栏： JAVAWEB 文章标签： html

本文链接：https://blog.youkuaiyun.com/zh_ly/article/details/124408497

版权

JAVAWEB 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了HTML的基础知识，包括B/S和C/S架构的优缺点、HTML代码的基本格式、常用标签如段落、标题、表格、超链接的使用，以及表单的创建和提交方式。还提到了背景颜色和图片的设置，以及ID属性和div与span的区别。内容涵盖了HTML的基础结构和常见元素，是学习网页开发的入门指南。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML基础

1、系统结构

B/S架构（浏览器/服务器交互形式）

    优点：更新方便只需要修改服务器上的代码

    缺点：速度慢，体验不好，界面不精致

C/S架构（客户端/服务器交互形式）

    优点：速度快，体验好，界面更精致

    缺点：更新麻烦

2、代码基本格式

<html> (根)

    <head>(头)

        <title>（头标题）

            XXXX

        </title>

    </head>

    <body>（主体）

        XXXXXX

    </body>

</html>

3、基本标签

1、非独目

    段落标记：<p></p>

    标题字：<h1~6><h1~6>

    预留格式：<pre></pre>

    删除字：<del></del>

    粗体字：<b></b>

    插入字：<ins></ins>

    斜体字：<i></i>

    font标签（字体标签）：<font><font>

    右上角加字：<sup></sup>

    右下角加字：<sub></sub>

    

2、独目

    换行：<br>

    水平线：<hr>

4、实体符号（用于替换<,>,空格）: 实体符号以&开始以 ; 结束

1、小于号 ：&lt;

2、 大于号 : &gt；

3、空格 ： &nbsp；

5、表格：

结构

    <table>（表格的主体）

        <tr>

            <td></td>（代表表格的列）  （代表表格的列 （如果是<th></th>就相当于字段名会自动加粗居中））

            。  

        </tr>

        。


    </table>

属性：    1、border = “1px”（设置边框）

    2、width = “50%”（设置大小）

    3、height = “”（设置高度）

    4、align = “center”（设置字体位置）

    

    单元格合并 （td中的属性）

    行合并：删除下面的并在上面添加 rowspan="2"

    列合并：删除一个并在另一个上添加 colspan =“2”

一个表格还可以被分为（<thead></thead>,<tbody></tbody>,<tfoot></tfoot>）

6、背景颜色和图片

bgcolor=""(<body>属性 设置背景颜色)

background = “文件路径”（<body>属性设置背景图片）



<img src="文件路径"/>插入图片

***7、超链接

<a href="url">XXXX(可以是图片文字等)</a>、

target属性（默认是 \_self）

\_blank 新窗口

\_self 当前窗口

\_parent 父窗口

\_top 顶级窗口

8、列表

9、表单

1、表单作用

收集用户信息，并提交给服务器

2、怎么画一个表单

    1、<form action="[http://xxxxxxxxx](http://xxxxxxxxx/)(请求路径最终用户填写的数据会传给这个路径端口的软件)" method="get/post"(默认get会在浏览器地址栏里显示提交的数据，post不会)>

         <input tyoe="(text,button,submit(提交按钮)，reset（清空),radio,password,。。。)" name="xxx"（name属性很重要） value=“type显示的内容”/>

        <select name=“xxx”>

            <option name="xxx"> xxx </option>

        </select>

        <textarea name=""></texterea>

         </form>

3、name的重要性

    在提交用户输入信息时会以“action？name=value&name=value。。。。”的方式提交所以在表单中

    没有name属性的控件是不会提交的！！！！！！

4、提交给服务器信息格式！！\*\*\*\*

    action？name=value&name=value&。。。。。。

10、HTML文档的id：在html文档中任何元素（节点）都有id属性，id属性是该节点的唯一标识符，以方便用JS进行增删改，所以在一个文档中id不能重复！

11、div 和 span

两个都可以称为“图层”为了保证页面可以灵活布局

图层间可相互嵌套

不同点是 div会默认自动占用一行而span不会