html基础一则（1）

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>

无序列表（常用）

<ul>
    <li>张三</li>
    <li>李四</li>
    <li>王五</li>
</ul>

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。

posted @ 2020-12-20 15:51 超超加油阅读(70) 评论(0) 收藏举报

刷新页面返回顶部

html基础一则（1）

Html

html实例：

标签

meta标签

Link（常用）

路径（常用）

超链接（常用）

列表

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

form表单 （常用）

公告

form表单（常用）