HTML 基本语法-CSDN博客

本文链接：https://blog.csdn.net/Bacousix/article/details/128839542

这篇文章介绍了HTML的一些基本元素，包括标题标签（h1-h6）、段落、换行、超链接、图片的插入、输入框（text和password）、选择器（单选、多选、下拉）以及列表（有序和无序）。同时，还讲解了如何使用样式标签来修改颜色、字体大小和实现元素浮动。

摘要由CSDN通过智能技术生成

标题标签

<title>我是标题</title>

样式标签用于修改html样式

color：修改颜色

font-size：修改字体大小

float：悬浮

<style>
    h1{
    color: #000000;
    }
    #bodyid{
    color: #5500ff;
    }
    #pid{
    color: #ff557f;
    font-size: 25px;
    }
    #pid2{
    color: #aaff00;
    }
    span{
    font-size: 50px;
    color: #aa0000;
    }
    #img{
    float: right;
    padding:100px;
    }
    #ulist{
    list-style-type: none;
    }
</style>

标题标签

<div>
    <!--标题标签-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
</div>

段落标签

<br>为换行

<p>
</br>
</p>

<a href= "https:网址">网页名</a>

图片标签

<img id="img" src="图片路径"
height（高）="200px"
width（宽）="200px"
alt="名字"
title = "鼠标放上去会显示文字">

账号密码

用户名：<input type="text"/><br>
 密码：<input type="password"/><br>

单选框

<input type="radio" name ="a">男
<input type="radio" name ="a">女

多选框

<input type="checkbox">测试 
<input type="checkbox">吃饭
<input type="checkbox">睡觉

下拉选框

<select>
<option>北京</option>
<option>河南</option>
<option>广州</option>
<option>深圳</option>
</select>

提交按钮

<input type="submit">

重置按钮

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

有序列表

<ol>
<li>香蕉</li>
<li>橘子</li>
<li>菠萝</li>
<li>桃子</li>
</ol>

无序列表

<ul>
<li>上海</li>
<li>深圳</li>
<li>北京</li>
<li>新疆</li>
</ul>