html基础一则（1）_html如果输入1则登录成功-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_31987533/article/details/110700760

Html

超文本标记语言(HyperText Markup Language)：用于创建网页标准的标记语言

html实例：


<!DOCTYPE html> --- 当前文档类型
<html lang="en"> --- 根标签
<head>
    <title>Document</title> --- 标题
    // 可以引入js、css
</head>
<body>
    // ---code---
    // html标签成对出现，例如： <div></div> <p></p>
</body>
</html>

meta标签

<meta charset="UTF-8"> —防止网页乱码
<meta name="keywords" content="关键字"> —用于SEO
<meta name="description" content="网页描述"> —用于SEO

Link（常用）

设置网页图标 <link rel="icon" href="favicon.ico">
引入外部样式表 <link rel="stylesheet" type="text/css" href="/index.css">

路径（常用）

绝对路径：带有具体网址或者磁盘目录，比如： C:\html\img.jpg, http:www.baidu.com
相对路径: 资源文件和当前文件在同一目录下，可直接设置路径，比如： /img.jpg

超链接（常用）

<a href="www.baidu.com" target="_blank" title="百度一下">

href: 跳转路径
target：可设置为：_self , _blank，_self在当前页面打开，_blank新窗口打开
title：设置标题

列表

有序列表
```
<ol>
    <li>张三</li>
    <li>李四</li>
</ol>
```
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-KySI5Ezf-1607158343645)(./image/ol.jpg “无序列表”)]
无序列表（常用）
```
<ul>
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
</ul>
```
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-lG84HwMX-1607158343661)(./image/ul.jpg “无序列表”)]

table （看项目需求，已逐渐淘汰，不常用）

菜鸟教程

form表单（常用）

<form action="">
        用户名：<input type="text" name="name"> --- 文本
        密码：<input type="password" name="password"> --- 密码
        性别：<input type="radio" name="sex" value="male">Male --- 单选框
        <input type="radio" name="sex" value="female">Female
        <input type="checkbox" name="vehicle" value="Bike">aaa --- 复选框
        <input type="checkbox" name="vehicle" value="Car">bbb
        <input type="submit" value="Submit"> ---- 提交按钮
        <textarea name="" id="" cols="30" rows="10"></textarea> --- 多行文本
        <select name="" id="">
            <option value="1">111</option>
            <option value="2">222</option>
        </select>  --- 下拉选择
        <input type="file"> --- 上传文件
    </form>

关注玄同学公众号一起学习html。