HTML学习笔记

HTML是什么？

html是超文本标记语言(英文：Hayer Text Markup Language)，简称HTML.使用HTML，将所需要表达的信息按某种规则写成HTML文件，通过专用的浏览器来识别，并将这些HTML文件“翻译”成可以识别的信息，即现在所见到的网页。

HTML标签有哪些？

标题可以通过h1~h5标签来定义，如

<h1>这是一个标题</h1>

<h2>这是一个标题</h2> 

<h3>这是一个标题</h3>

段落是通过标签 <p> 来定义的。

链接是通过标签 <a> 来定义的。

图像是通过标签 <img> 来定义的，图片地址用“src”,如:

<img loading="lazy" src="/images/logo.png"  />

换行是通过标签<br>来定义

表格是通过标签<table>来定义，tr标签定义行，td标签定义列。属性标签：border 定义边框，cellspacing 定义设置表格边框，csllspadding 定义设置表格内边框，bgcolor  定义背景颜色，rowspan  定义行合并，colspan 定义列合并， center定义表格标题。

<center>课程表</center>

    <table border="3px" cellpadding="20" cellspacing="0" bordercolor="blue" align="center">

        <tr>

            <td>项目</td>

            <td colspan="5" align="center">上课</td>

            <td colspan="5" align="center">休息</td>

        </tr>

表单使用表单标签 <form> 来设置，输入标签用<input>定义，文本域通过<input type="text"> 标签来定义，密码字段通过标签<input type="password"> 来定义，单选按钮通过<input type="radio">来定义，复选框通过<input type="checkbox">来定义 ，提交按钮通过<input type="submit">，重置按钮通过<input type="reset ">来定义，下拉标签通过<select - option>来定义。

<form action="">

        用户名称：<input type="text" placeholder="请输入您的用户名！">

        <br> 登录密码: <input type="password" placeholder="请输入您的密码！">

        <br> 性 别: <input type="radio" name="gender" value="man">男

        <input type="radio" name="gender" value="woman">女

        <br> 职业:  <select name="word" id="">

            <option value="xs">学生</option>

        </select>

        <br> 爱好: <textarea name="interest" id="" cols="30" rows="4"> 书法 </textarea>

        <br>  <button type="submit">注册</button>

        <button type="reset">重置</button>

    </form>