首页 > 其他分享 >认识html

认识html

时间:2024-10-17 20:36:34浏览次数:8  
标签:HTML 认识 标签 元素 指定 标题 html 文档

HTML(HyperText Markup Language)是构建网页的标准标记语言。它使用一系列标签来描述网页的结构和内容。

  1. 基本结构
    HTML 文档的基本结构如下:
点击查看代码
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>网页标题</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <p>这是一个段落。</p>
</body>
</html>
<!DOCTYPE html>:声明文档类型为 HTML5。
<html>:根元素,包含整个 HTML 文档。
<head>:包含文档的元数据(如字符集、页面标题、引入外部资源等)。
<body>:包含网页的主要内容。
2. 常用标签
点击查看代码
标题标签
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
<h5>五级标题</h5>
<h6>六级标题</h6>
段落标签
<p>这是一个段落。</p>
链接标签
<a href="https://www.example.com" target="_blank">这是一个链接</a>
图像标签
<img src="image.jpg" alt="描述图片的文本">
列表标签
<ul>
    <li>无序列表项 1</li>
    <li>无序列表项 2</li>
</ul>

<ol>
    <li>有序列表项 1</li>
    <li>有序列表项 2</li>
</ol>
表格标签
<table>
    <tr>
        <th>表头 1</th>
        <th>表头 2</th>
    </tr>
    <tr>
        <td>单元格 1</td>
        <td>单元格 2</td>
    </tr>
</table>
表单标签
<form action="/submit" method="POST">
    <label for="username">用户名:</label>
    <input type="text" id="username" name="username">
    <br>
    <label for="password">密码:</label>
    <input type="password" id="password" name="password">
    <br>
    <input type="submit" value="提交">
</form>
3. 常用属性

id:为元素指定一个唯一的标识符。
class:为元素指定一个或多个类名。
style:为元素指定内联样式。
href:指定链接的目标地址。
src:指定图像或其他媒体文件的 URL。
alt:指定图像的替代文本。
title:指定元素的标题文本,通常用于提示信息。
4. 表单元素

HTML 表单包含多种输入类型:

点击查看代码
<input type="text">:文本输入框。
<input type="password">:密码输入框。
<input type="checkbox">:复选框。
<input type="radio">:单选按钮。
<input type="submit">:提交按钮。
<input type="reset">:重置按钮。
<input type="button">:普通按钮。
<input type="file">:文件选择框。
<textarea>:多行文本输入框。
<select>:下拉列表。
5. 多媒体标签 audio:定义音频内容。 video:定义视频内容。 source:为音频或视频指定媒体源。

标签:HTML,认识,标签,元素,指定,标题,html,文档
From: https://www.cnblogs.com/wjhfree/p/18473009

相关文章

  • HTML表单笔记> #干货 #知识‼
    表单是网页中最常用的元素,是网站服务器端与客户端之间沟通的桥梁。表单在网上随处可见,可用于登录页面输入账号、客户留言、搜索产品等。一、表单标签    网页上由具有可输入表项即项目选择等控件所组成的栏目称为表单。<form>标签用于创建供用户输入的HTML表单,<form>......
  • 前端学习1——HTML
    1Web标准的构成主要包括结构、表现和行为三个方面标准说明结构用于对网页元素进行整理和分类(身体)表现用于设置网页元素的版式、颜色、大小等外观样式(外观装饰)行为网页模型的定义及交互的编写(动作)2HTML基本结构标签每个网页都会有一个基本的结构标签(......
  • 前端新手教程:HTML、CSS 和 JavaScript 全面详解及实用案例
    一、引言在当今数字化的时代,前端开发扮演着至关重要的角色,它决定了用户与网页和应用程序交互的体验。HTML、CSS和JavaScript作为前端开发的核心技术,分别负责网页的结构、样式和交互。本教程将为前端新手全面深入地介绍HTML、CSS和JavaScript的知识点,并通过实用案例帮助......
  • 14章1节:认识临床研究的匹配技术
    匹配技术已成为解决非随机研究中混杂效应的常用方法,其中倾向性评分匹配是一种常见的匹配技术,广泛应用于医学研究中,以估计某种治疗、政策或其他干预措施的效果。同时,本文也介绍R语言中的MatchIt扩展包,包括其matchit()函数在倾向性评分匹配分析中的应用。认识临床研究的匹配技......
  • 基于django+vue+Vue基于html小说网站的设计与实现【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容选题背景随着互联网技术的快速发展,网络文学已成为当代文化消费的重要组成部分。众多小说网站如雨后春笋般涌现,为读者提供了丰富的阅读资源。然而,关......
  • 基于django+vue+Vue基于html小说网站的设计与实现【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容选题背景随着互联网技术的快速发展,网络文学已成为当代文化消费的重要组成部分。众多小说网站如雨后春笋般涌现,为读者提供了丰富的阅读资源。然而,关......
  • 随机运行小球 - html
    目的是为了训练眼球运动直接将如下代码到保存为html文件打开即可<!DOCTYPEhtml><html><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>随机运动小球......
  • Chromium 中HTML5 WebSocket收发消息分析c++(一)
    一、WebSocket前端接口定义:WebSocket 对象提供了用于创建和管理 WebSocket 连接,以及可以通过该连接发送和接收数据的API。使用 WebSocket() 构造函数来构造一个 WebSocket。构造函数WebSocket(url[,protocols])返回一个 WebSocket 对象。常量ConstantValueWeb......
  • Chromium 中HTML5 WebSocket收发消息分析c++(二)
    看下websocket调用过程:基本定义参考上一篇:Chromium中HTML5WebSocket收发消息分析c++(一)-CSDN博客一、前端测试用例 参考:HTML5WebSocket|菜鸟教程(runoob.com) websocket.html文件如下:<!DOCTYPEHTML><html><head><metacharset="utf-8"><title>Web......
  • 大学生HTML期末大作业——HTML+CSS+JavaScript购物商城
    HTML+CSS+JS【购物商场】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计......