html web前端基础-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_56781779/article/details/124003154

html–>超文本标记语言超文本：图片、音频、视频、超链接

标记：标签语言，xml（可扩展标记语言）用来描述网页，浏览器根据标签描述解析标签

<!DOCTYPE html> 声明html语言版本，浏览器根据不同版本进行解析，并显示网页内容

标签结构上分为两类：闭合标签（双标签）修饰区间内内容

自闭合（单标签）<标签 />自己结束，用来完成一些特定功能

html标签是根标签所有的标记语言都必须有一个根标签

加图标 <link href="图片地址" rel="icon"/>

不同标签，功能不同

标签中可以包含属性，属性可以进一步描述标签特征

属性必须放在开始的标签中属性名=“属性值”

一个标签中可以写多组属性

插入图片：<img src="img/1.jpg"/>
正文：

标题： <h1></h1> 1~6级一个标签占一行<h1 align="center">位置

段落： <p></p>

换行： <br>

列表：有序列表

<ol type="A">

                                 <li></li>

                         </ol>

无序列表

<ul>

                                 <li></li>

                         </ul>

超链接：

 <a href=""></a>

特殊符号转义： < &lt； > &gt；

空格 &nbsp；版权（c） &copy；

商标（TM） &trade；注册商标（R） &reg；

表格：table标签：表示表格

tr标签：表格中的行

th标签：表格的表头（默认加粗居中）

td标签：表格单元格

<table border="1" cellspacing="0">
    <th colspan="4">横向合并</th>
    <tr>
        <th></th>
        <td rowspan="3">纵向合并</td>
    </tr>
    <tr>
        <td></td>
    </tr>
    <tr></tr>
        <td></td>
    </tr>
</table>

表单：拥有许多可以输入、选择组件，用户输入信息最终向服务器提交数据

form表单标签 action=“访问后端服务器地址” methond=“向服务器端提交数据和公式 http get/post”

      <form action=""  method=""></form>

文本框：<input type="text" name="" value="" readonly(只读可以提交数据)="readonly" disabled(禁用不能提交数据)="disabled" placeholder(暗语)="请输入账号" />

单选： <input type="radio" name="gender" value="男" checked(默认选中)="checked" />
多选： <input type="checkbox" name="hobby">游泳

下拉框： <select><option></option><select>

多行文本：<textarea rows="10" cols="50"></textarea>

提交按钮： <input type="submit" value="提交" />

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

html web前端 基础

html web前端基础