htmL最基础

最新推荐文章于 2024-08-08 01:08:15 发布

qq_40707269

最新推荐文章于 2024-08-08 01:08:15 发布

阅读量192

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/qq_40707269/article/details/109582535

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML中一些基本标签
1.h1 — h6标题标签，自带换行，从小到大
2.p标签，中间放段落
3.hr标签，水平线标签
4.b标签，进行加粗
5.RGB，#00ff00
6.img图片标签，属性中src为必写…/上一级目录，./当前目录
7.a标签，超连接标签，href超链接来源
8.table表格标签，tr(row)行标签，th（表格中标题标签）,td表格标签
9.colspan,列合并，合并两个列单元格，rowspan行合并，合并两个行单元格
10.div块标签`

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我们公司</title>
</head>
<body>
<h1>公司简介</h1> <!-- 公司可以是标题-->
<hr color="#FF00FF"> <!--对颜色进行控制-->


<p><font color="red",size = 15> "传智播客"</font>是一家神奇的公司<b><i> "飞叉神奇公司" </i></b><p>

<hr color="red">


<center><font color="#f5f5dc" ,size = 95>江苏传智播客</font></center>
<!-- src 图片位置   -->
<img src="../image/footer_service.png" alt="" align="">
<!-- 标签是超链接标签，在超链接中可以使用内网和外网的东西，标签可以使用图片作为标签跳转条件-->
<a href="http://www.baidu.com">百度</a>
<a href="exmple.html"> <img src="../image/banner_1.jpg" alt=""></a>

<!-- 单元格标签,table表示建立一张表，tr表示一行，td表一个单元格  th标签，是表头单元格，可以居中加粗-->
<table border="20"width=" 50%" ><!-- 如果不设置边框，就没有裱框，在table中设置，broder = 裱框粗细，width设置边框宽度-->
    <tr>
            <th colspan="2">姓名</th>  <!--合并列单元格-->

            <td>分数</td>
    </tr>

    <tr>
            <td ROWSPAN="2">小红</td><!--合并上下单元格-->
            <td>15</td>
            <td>85</td>
    </tr>

    <tr >

        <td>15</td>
        <td>85</td>
    </tr>
</table>



</body>
</html>

表单标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我们公司</title>
</head>
<body>
<div>我是个小JAVA</div>
<form>
    <!--表单提交的数据，构成是参数名1 = 参数值&参数名2 = 参数值 需要根据参数名去找参数值，所以提交的数据，又要有参数名又要有参数值-->
    <!-- 对于radio这样的来说，你要告诉电脑，你选择了什么参数名字和参数值-->
    <!-- 提交之后，会有参数列表，将数据提高服务器-->

   用户名: <input type="text" name = "user"> <br>
    密码: <input type="password" name = "password">  <!-- 表单中，input有很多类型 text明文，password密码，radio单选框-->
    <br>
    性别: <input type="radio" name = "sec" value="man" checked = "checked"> 男人 <input type="radio" name = "sex" value="woman"> 女  <!--在同一组内才有单选效果 -->
    <!--单选框只能选择没有数值，你要告诉计算机，及选择的数值是什么,毕竟计算机看不到页面，所以需要VALUE设置单选框属性给计算机识别用-->
<!-- checked  =  checked默认选中状态，一般单选框都会有默认选中这么一个选项-->
    <br>
    <!--复选框,比起单选框，可以同时选择很多很多东西-->
    爱好:<input type="checkbox" name = "hobby" value="run"> 健身 <input type="checkbox" name = "hobby" value="read">读书
    <!-- 用于文件重新上传-->
    文件:<input type = file name = "文件">

    提交按钮:<input type="submit" value="注册">

    重置按钮: <input type="reset"><!-- 将表单回复初始状态-->
    <input type="button" value="我是按钮">

</form>



</body>
</html>

表单提交的数据，需要name和VALUES,name需要你去给，但是VALUES有的需要你给，但是大部分都是用户手动输入就行
name和VALUES是给电脑看的参数名1 = 参数值&参数名2 = 参数值

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>我们公司</title>
</head>
<body>
<div>我是个小JAVA</div>
<form action = "" method = ""> <!-- action数据提交地址，method提交数据方式，get和post方式-->
   <!-- input是需要用户输入的表单内容，表单中还有内容是，不需要输入的东西SELECT标签-->
    <!-- 标签需要提交一个值，告诉电脑，我交了一个什么东西给你-->
    <!-- 一个表单只会返回一个值，但是提交的VALUE，就像抽签一样，一个小组，抽一个人，A小组参与人姓名，一个小组只会去一个人-->
    <!-- 因此，小组中SELECT会有name,因为小组中只返回一个值，好几个option返回一个VAlues-->
    <!-- name和VALUE都是给电脑看的-->
    <select name="city" multiple = "multiple">
            <option value="beijing"  checked = "checked"> 北京</option>
            <option value="shagnhai"  >上海</option>
            <option value="najing"> 南京</option>
    </select>


    个人简介: <textarea name="需要设置提交参数名" id="" cols="30" rows="10">这里写默认值</textarea>

</form>



</body>
</html>