HTML

最新推荐文章于 2023-09-05 13:21:22 发布
最新推荐文章于 2023-09-05 13:21:22 发布
阅读量58 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51755596/article/details/111769224
版权

HTML
常用标签
字体标签 font

color: 颜色
size: 大小 1~7
face: 改变字体
p 段落标签

h标题标签 : 1~6(H1最大)

br 换行

hr 水平线

b 加粗

i 斜体

strong : 加粗 包含语义

em : 斜体 包含语义

img标签

src : 指定图片的路径
width: 宽度
height: 高度
alt : 图片加载错误时的提示信息
相对路径:

./ 代表的是当前路径
…/ 代表的上一级路径
…/…/ 代表的上上一级路径
ul: 无序列表

type :
ol: 有序列表

type : 样式
start : 起始索引
li : 列表项

a 超链接标签

href : 要访问的链接地址
target : 打开方式
table标签

border: 指定边框
width : 宽度
height : 高度
bgcolor : 背景颜色
align : 对齐方式
tr标签(行)
td标签(列)
colspan : 跨列操作

rowspan : 跨行操作

注意: 跨行或者跨列操作之后,被占掉的格子需要删除掉`

<!--声明：告诉浏览器使用什么规范-->
<!DOCTYPE html>
<html lang="en">
<!--注释-->

<!--网页主体-->
<head>
    <meta charset="UTF-8">
    <!--搜索关键字-->
    <meta name="keywords" content="Java">
    <!--网页的描述-->

    <title>一个假网页</title>
</head>

<!--网页主体-->
<body>
<!--标题标签-->
<!--H1最大，H6最小-->
<h1>一级标签</h1>
<h2>二级标签</h2>
<h3>三级标签</h3>

<!--段落标签-->
<p>hh</p>
<p>哈哈哈</p>

<!--换行标签-->
<!--br 单标签-->
hhh<br>

<!--hr 水平线标签-->
<hr>

<!--b 加粗标签  strong 加粗-->
<b>啦啦啦</b>
<strong>看看看看</strong>

<!--i 斜体  em 斜体-->
<i>哈哈哈</i>
<em>哦哦哦</em><br>

<!--特殊符号-->
大于号 : &gt;<br>
小于号 : &lt;<br>
空格 : 你&nbsp;&nbsp;&nbsp;&nbsp;好<br>
引号:&quot;<br>
版权符号: &copy;版权所有<br>

<!--图像标签-->
<!--
src 图片路径
title 图片悬停显示
alt  图片名字
w h 宽 高
-->

<!--
相对路径:
    上一级路径不表示方式  ../
绝对路径: 不推荐使用
-->
<img src="./resource/images/okwu-athletics.jpg" title="这是一个广告" alt="这是一张图片" width="600" height="500"><br>

<!--超链接  a 标签
href  连接地址
-->
<a href="https://www.baidu.com">超链接</a>

<!--图像链接-->
<a href="https://www.baidu.com"><img src="./resource/images/header.jpg"></a>

<br>
<!--锚链接-->
<!--
可以从一个地方跳到指定地方
-->


<!--功能性链接-->
<a href="mailto:619046217@qq.com">发送邮件</a>


<!--
target :
_blank 打开新的网页
_self  本网页打开
-->
<a href="https://www.baidu.com" target="_blank">新网页打开百度</a>
<a href="https://www.baidu.com" target="_self">本网页打开百度</a>

</body>
</html>

表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--form为表单标签-->
<!--action : 提交
action 提交地址
method 提交方式:post / get
-->

<!--注册页面-->
<!--
post 安全 效率低 能提交无限大文件
get 不安全 效率高  一次请求的文件量很少
-->
<form action="第一个网页.html" method="get">
    <!--
    type 类型
    name 名字
    id 泵重复,保证代码唯一
    disabled 禁用文本框
    -->
    <p>用户名: <input type="text" name="username" id="username" placeholder="请输入用户名" required></p>

    <!--密码框 input type="password"-->
    <p>密码:<input type="password" name="password" placeholder="请输入密码" required></p>



    <p>
        <!--文件域-->
        <input type="file">
    </p>

    <p>
        <!--单选框-->
        <!--
        name 绑定同一个组
        -->
        <!--
        注意:
        1.若是要提交,必须有name和value属性
        2.name就是提交的键值对,value就是提交的信息
        -->
        性别:
        <input type="radio" name="sex">男
        <input type="radio" name="sex">女

    </p>
    
    <p>
        <!--checkbox 多选框-->
        <input type="checkbox" value="movie" name="hobby">看电影
        <input type="checkbox" value="music" name="hobby">听歌
        <input type="checkbox" value="road" name="hobby">压马路
        
    </p>



    <hr>

    <!--下拉框-->
    <!--checked 默认选中-->
    <select name="列表名称">
        <option value="选择的值1">1</option>
        <option value="选择的值2" selected>2</option>
        <option value="选择的值2">3</option>

    </select>
    
    <!--文本域-->
    <p>
        <textarea name="文本" id="" cols="30" rows="10" ></textarea>
    </p>

    <!--按钮-->
    <input type="button" value="我的第一个button按钮">
    <hr>

    <!--邮箱-->
    <!--
    patten 正则表达式
    -->
    邮箱<input type="email" name="email" placeholder="请输入邮箱" pattern="/^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/g">
    <br>
    <!--url简单校验-->
    URL<input type="url" name="url">
    <br>
    <!--数字的简单校验-->
    数字<input type="number" name="num">
    <!--滑块-->
    <input type="range" name="range" value="30">
    <br>
    <!--搜索框-->
    搜索框<input type="search" name="search" readonly>

    <!--提交按钮 input type = submit-->
    <!--submit默认文字是提交-->
    <p><input type="submit" name="Button">
        <!--重填按钮-->
        <input type="reset" name="Button">
    </p>

</form>


</body>
</html>
weixin_51755596
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML初学者作业
weixin_53089473的博客
03-02 2232
HTML初学者第一课作业内容： 初学者理解浅薄，有错误在所难免，可以和楼主交流以助于及时改正 结合今天上课所讲内容，完成上传图片页面样式开发 要求如下: 1. 配色，背景图片根据自己喜好，上网查找素材。 header 和footer 地方，可以根据自己想法，设计美化一下 2. banner地方，可以点击跳转，点击后，新开网页跳转到百度吧 3. 表单项目，可以根据自己想法增加项目，元素需要增加2项以上check 4.作业成果物: 提交html资源的源码 遇到的困难： 1.表格table &lt.
HTML动态爱心代码爱心满屏
11-07
HTML动态爱心代码满屏爱心免费下载
HTML基础知识
Love_Roro的博客
09-08 423
HTML基础知识 关于浏览器 Web标准 1、谷歌浏览器，内核Chromium 2、IE浏览器 ，内核Trident 3、火狐浏览器，内核Gecko 认识HTML HTML指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。 HTML不是—种编程语言，而是—种标记语言(markup language) 标记语言是—套标记标签(markup tag) 超文本 所谓超文本，有2层含义: 1.因为它可以加入图片、声音、动画、多媒体等内容(超越文本限制） 2.它还可
EL表达式param用法
dangwanma6489的博客
04-16 4831
${param.name} 等价于request.getParamter(“name”)，主要是服务器从页面或者客户端获取信息的方法。 &lt;c:set value="coo" var="name1" scope="session"/&gt;1利用标签定义的变量名可以在EL表达式中使用，如${name1}就是从page/request/session/application中依次取值，直到取到未...
HTML--表单类的标签
qq_45823118的博客
03-18 7999
表单5.表单元素——checked属性任务描述相关知识代码文件6.表单元素——disabled 属性任务描述相关知识代码文件7.表单元素——label 标签任务描述相关知识代码文件8.表单元素——下拉列表任务描述相关知识代码文件9.表单元素——文本域任务描述相关知识代码文件10.表单元素——提交按钮任务描述相关知识代码文件11.表单元素的综合案例任务描述相关知识代码文件 5.表单元素——checked属性 任务描述 本关任务：创建一组单选框，name属性值为marry，默认选中未婚。 要求：对每一个选项使用
HTML（2）表单类的标签
zcy_inspire的博客
06-25 1033
表单元素——输入框 <input>标签来创建一个输入框，使用type属性来指定input元素的类型，使用name属性来规定input元素的名称，它可以对提交到服务器后的表单数据进行标识。 如： 姓名：<input type="text" name="userName"/> 这里type=“text”，表示普通文本的输入。 注意：<input type=“text”/> 是以/>结尾的。 表单元素——密码框 你可以使用<input>标签来创建一个输入框
圣诞树HTML.html
12-17
圣诞树HTML，下载点击即可使用，表白神器
html网页做的动态爱心（超好看）
11-07
用html+css+JavaScript网页做的动态爱心，浪漫十足
一套后台管理html模版
08-04
在页面 http://www.cnblogs.com/strick/p/3884797.html 有一些说明
网页设计期末大作业+html+css
05-25
适合学生的html5响应式网站 成品可以让你们修改吗？ 学生网页成品坚持每周更新 学生网站一定不能太专业，否则老师会发现的！ DIV+css+js学生网站如何做？ 不靠这个吃饭--你还用自己做网站吗？ 大学生静态网页成品...
网上订餐系统模板html源码
06-11
网上订餐系统模板html源码，是前端html静态页面，没有后端与数据库连接。
漂亮的html首页
04-12
漂亮的html首页，附加js文件和css文件，高端大气上档次
一个BBS论坛的html模板
06-14
一个关于BBS论坛的html模板，具有发帖，回帖，登录注册，和后台管理用户和帖子的功能
91个HTML小游戏源码集合
12-14
该压缩包内一共包含91个html小游戏，旨在供想要开发小游戏的新手参考学习！觉得好的话记得帮转，让更多地人下载哦~
HTML作业-仿网易云音乐项目
04-29
html作业，仿照网易云音乐客户端练练，可以播放音乐，可以看歌词、拖进度等等，可以换肤，我本人喜欢黑色的皮肤，白色皮肤是赶时间加上去的，有的地方不协调。
vue---组件定义1（三种方式创建自定义组件）---component、template
DcTbnk的博客
07-09 1021
vue中的组件----组件定义 <title>vue中的组件</title> <style> .hello { border-bottom: solid deeppink 0.05rem; } </style> </head> <body> <!-- 3️⃣ --> <template id="tpl"> <div
Vue笔记-第一天
lilianggui的博客
11-09 152
如果没有template，会找el绑定的元素 template存在，则el绑定的元素中的内容无效 template只能有一个根节点，多个根节点时，第一个根节点以后的节点无效 v-html解释定义好的html到指定的元素中，如果目标 元素中原先就存在值，则会覆盖原来的值 v-html绑定的html中的{{}}，vue相关指令等无效 v-text不会解释html，只会原样输出 指令的值可以...
VB6.0 设置窗体的默认焦点位置在 TextBox 中
最新发布
Roki_Zhang的博客
09-05 1057
VB6.0 设置窗体的默认焦点位置在 TextBox 中 VB6.0 设置窗体的默认焦点位置 VB默认焦点位置
vue3笔记：自定义组件
weixin_45921387的博客
03-04 5673
defineProps()，IProps可以给props设置类型，withDefaults的第二个参数支持给props设置默认值
html
05-29
HTML（Hypertext Markup Language）是一种用于创建网页的标记语言。HTML 由各种元素（tags）和属性（attributes）组成，这些元素和属性可以用来定义网页的结构和内容。 HTML 元素通常由一个开始标记和一个结束标记...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值