首页 > 其他分享 >Html全方位

Html全方位

时间:2024-03-19 17:00:54浏览次数:16  
标签:顶部 标签 全方位 标题 Html 图片 链接 你好

注释:

<!--注释内容-->

标题标签:

<h1>一级标题</h1>

<h2>二级标题</h2>

段落标签:

<p>一段文字</p>

换行标签:

你好</br>

水平线标签:

<hr>

粗体标签:

<strong>你好</strong>

斜体标签:

<em>你好</em>

图片:

<img src="../reffed/I.jpg" alt="你好" title ="悬浮文字" width="300" height="300">

链接标签:

<a href="链接网址" target="-blank在新的页面打开">链接文本或者图片</a>

锚链接:

<a name="top">顶部</a>

<a href="#top">回到顶部</a>

 

音频:

<audio src="../dsdm/你好.mp3" controls autoplay ></audio>

<!--src="y音频地址" controls控制条 autoplay自动播放-->

视频:

<video src="../dhdjdn/你好.mp4" controls autoplay ></video>

表单:

<form method="post" action="result.html">                             <!--action表示向何处发送表单数据-->

<p>名字:<input name="name" type="text"></p>                   <!--文本框-->

<p>密码:<input name="inhale" type="password" ></p>        <!--密码框-->

单选框:

<p>

       <input type="radio" value="boy" name="sex"/>男

       <input type="radio" value="girl"  name="sex"/>女

</p>

按钮:

<p>

    <input  type="button" name="btn1" value="点击">         <!--文字按钮-->

    <input  type="image" src="../hummus/l.jpg">                   <!--图片按钮-->

</p>

5a0e9899084c4dbeaa0cffb6dbe808b9.png

 

 

标签:顶部,标签,全方位,标题,Html,图片,链接,你好
From: https://blog.csdn.net/2301_78680832/article/details/136824241

相关文章

  • vite给HTML注入变量
    安装插件:vite-plugin-html npminstallvite-plugin-html-D在vite.config.js中配置 #vite.config.js***import{defineConfig,loadEnv}from"vite";import{createHtmlPlugin}from"vite-plugin-html";constgetVite......
  • HTML表单标签详解:如何用HTML标签打造互动网页?
    在互联网的世界中,表单是用户与网站进行互动的重要桥梁。无论是注册新账号、提交反馈、还是在线购物,表单都扮演着至关重要的角色。在网页中,我们需要跟用户进行交互,收集用户资料,此时就需要用到表单标签。HTML提供了一系列的表单标签,使得开发者能够轻松地创建出功能丰富的表单。今天......
  • 【20.2】Django框架Form组件之渲染HTML代码
    【一】引入forms组件只会帮我们渲染用户输入的标签(input/select...)【二】书写forms组件forms.pyfromdjangoimportforms#定义form类classMyForm(forms.Form):#username:字符串类型最小三位,最大八位username=forms.CharField(max_length=8,min......
  • HTML+CSS+JS实现一个图书管理的登录跳转,做的花里胡哨,当娱乐即可。
    目录1、大二上学期的一个小作业2、页面展示3、进入主页可以看到书籍,这个页面是参照某个博主写的,忘记是哪个了,好久了。4、点击右边的搜索框,会跳转到我写的另一个页面,这里面的都是固定的,不是灵活的,因为当时只学了web而已。5、获取源码地址1、大二上学期的一个小作业2、......
  • 前端基础之HTML进阶
    表格标签只要是展示数据,一般都可以使用表格标签<body><tableborder="1"cellpadding="5"cellspacing="5>#border:为表格添加外边框#cellpadding:调整字体离边框距离#cellspacing:调整内边框离外边框的距离<thead>表头(字段信息)......
  • 前端基础之HTML标签基础
    HTML简介什么是HTML站在显示文本内容的角度去看,浏览器与word的原理一样,我们可以将浏览器当成一个网页版的只读word,浏览器也必须有一套自己能识别的标记文本的规范,该规范被称为HTML,HTML全称是超文本标记语言(HyperTextMarkupLanguage)。“超文本”指的是用超链接的方法,将各种......
  • html小练
    面试题:行内元素有哪些?块级元素有哪些?空(void)元素有哪些?面试题:页面导入样式时,使用link和@import有什么区别?面试题:title与h1的区别、b与strong的区别、i与em的区别?面试题:img标签的title和alt有什么区别?面试题:png、jpg、gif这些图片格式解释一下,分别什么......
  • html--机器人
    <!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN"><HTML><HEAD><TITLE>NewDocument</TITLE><METANAME="Generator"CONTENT="EditPlus"><METANAME="Author"......
  • html--蝴蝶
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>蝴蝶飞舞</title><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.c......
  • 数据可视化-ECharts Html项目实战(3)
    在之前的文章中,我们学习了如何创建堆积折线图,饼图以及较难的瀑布图并更改图标标题。想了解的朋友可以查看这篇文章。同时,希望我的文章能帮助到你,如果觉得我的文章写的不错,请留下你宝贵的点赞,谢谢。数据可视化-EChartsHtml项目实战(2)-CSDN博客文章浏览阅读1.2k次,点赞33次,收藏16......