前端漫漫终秃头——HTML成长记录（3）

最新推荐文章于 2023-11-17 23:44:23 发布
最新推荐文章于 2023-11-17 23:44:23 发布
阅读量189 收藏
点赞数
分类专栏： Web前端开发之HTML学习 文章标签： html html5 大前端 计算机网络
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_49322362/article/details/115909443
版权

标签属性

HTML标签属性

HTML文档声明

<!DOCTYPE html>

meta标签

<meta />
<!--name属性-->
<meta name="keywords" content="HTML学习、前端开发基础知识" />

<!--http-equiv属性-->
<!--定义网页使用的编码-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta charset="utf-8" /> <!--简写-->
<!--定义网页自动刷新跳转-->
<meta http-equiv="refresh" content="6;url=http://www.baidu.com" />

name属性值

属性值描述
keywords网页关键字、可多个
description网页的描述
author网页的作者
copyright版权信息

http-equiv属性值

属性值描述
Content-Type定义网页所使用的编码
refresh定义网页自动刷新跳转

ol标签/ul标签

<!--有序列表-->
<ol type="属性值">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ol>

<!--无序列表-->
<ul type="属性值">
    <li>列表项</li>
    <li>列表项</li>
    <li>列表项</li>
</ul>

有序列表Type属性值

属性值列表项符号
1阿拉伯数字：1、2、3……（默认值）
a小写英文字母：a、b、c……
A大写英文字母：A、B、C……
i小写罗马数字：i、ii、iii……
I大写罗马数字：I、II、III……

无序列表Type属性值

属性值列表项符号
disc实心圆（默认值）
circle空心圆
square实心正方形

td标签

<!--合并行属性(row span)-->
<tr>
    <td rowspan="2">合并行属性：rowspan</td>
</tr>

<!--合并列属性(column span)-->
<tr>
    <td colspan="2">合并列属性：colspan</td>
</tr>

img标签

<img src="" alt="" title="" >

<!--src属性：图片路径-->
<img src="img/images_1.png">

<!--alt属性：对象搜索引擎-->
	<!--alt属性是用来描述当图片无法显示时，页面提示的文字-->
<!--title属性：对象用户-->
	<!--title属性用来当鼠标指针移到图片上时，会显示title中的文字-->

a标签

<a href="链接地址" target="打开方式">please Enter!<a>

target属性

属性值描述
_self在原来窗口打开链接（默认值）
_blank在新窗口打开链接
_parent在父窗口打开链接
_top在顶层窗口打开超链接

表单

form标签属性

<form></form>
属性描述
name表单名称
method提交方式
action提交地址
target打开方式
enctype编码方式
name属性
<form name="myForm"></form>
<!--用来区分不同的表单-->
method属性
<!--定义表单数据的提交方式-->
	<!--method的取值有两个 (get/post) -->
<form method="get"></form>
<form method="post"></form>
action属性
<!--用处：用于指定表单数据提交到哪一个地址进行处理-->
<form action="index.php"></form>
target属性
<form target="_blank"></form>
enctype属性
<!--用于指定表单数据提交的编码方式，一般情况下不需要设置，除非用到上传文件功能-->

input标签

<input type="表单类型" />
属性值描述
text单行文本框
password密码文本框
radio单选框
checkbox复选框
button / submit / reset按钮
file文件上传
search搜索框
单行/密码 文本框属性
<input type="text" />
<input type="password" />
属性描述
value文本框默认值
size文本框长度
maxlength设置单行文本框最多字符数
placeholder不可修改的默认显示 文本
单选框/复选框
<input type="radio">

<form>
    性别：
    <!--单选组的name属性值必须一致才是一组-->
    <label><input type="radio" name="gender" value="man" checked />男</label>
    <!--checked是选择默认值的-->
    <label><input type="radio" name="gender" value="woman" />女</label>
</form>

<input type="checkbox">

<form>
    你快乐吗？：
    <!--复选组的name属性值也必须一致才是一组-->
    <label><input type="checkbox" name="gender" value="18" />18岁以前你快乐吗？</label>
    <label><input type="checkbox" name="gender" value="24" />24岁以前你快乐吗？</label>
    <label><input type="checkbox" name="gender" value="36" />36岁以前你快乐吗？</label>
</form>
按钮
普通按钮
<input type="button" value="取值" />

提交按钮

<input type="submit" value="取值" />

重置按钮

<input type="reset" value="取值" />

文件上传

<input type="flie" />

textarea标签（多行文本框）

<textarea rows="行数" cols="列数" value="取值">文本内容</textarea>

下拉列表

<select>
    <option>选项内容</option>
    	…………
    <option>选项内容</option>
</select>

下拉列表由<select></select>标签和<option></option>标签配合使用来显示的
select标签属性
属性描述
multiple设置下拉列表可以选择多项
size设置显示几个列表项（整数不小于四）
option标签属性
属性描述
selected是否选中
value选项值
	搭起我的HTML框架，载入你的CSS，再进行岁月版的Javascript演变。————流亦
流亦
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
前端秃头计划（HTML与css）
dirft_din的博客
05-27 276
HTML 与 CSS 主要内容 HTML ​ HTML（HyperText Markup Language）就是超文本标记语言。"超文本"就是表示页面内可以包含非文字元素，如：图片、链接、音乐等等。 ​ 它是一种建立网页文件的语言，通过标记式的指令（Tag），将影像、声音、图片、文字等链接显示出来。这种标记性语言是因特网上网页的主要语言。 ​ HTML 网页文件可以使用记事本、写字板、HBuilder、Sublime 等编辑工具来编写，以 .htm 或 .html 为文件后缀名保存。将 HTML 网页文件
简单的学生档案页面（基础的HTML表单使用）
wei257的博客
07-03 3782
本次目标: 一、基础知识 1.form（表单域）：在HTML中，form标签被用于定义表单域，即创建一个表单，以实现用户信息的收集和传递，form中的所有内容都会被提交给服务器。创建表单的基本语法格式如下： <form action="URL地址" method="提交方法" name="表单名字"> 内容 </form> 常用属性： action：用...
前端漫漫终秃头——HTML成长记录（2）
流亦的博客
04-19 96
人们常说：“搞计算机的很牛逼，只是他们忘了，你敲代码、你写框架、你也夜深独自一人喃，不过还好、你随秃头走一程”
HTML5实现学生档案
qq_44023710的博客
03-17 3129
简单的一个form表单，用HTML5实现学生档案 首先看看效果： 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, in
秃头真的是程序员的标配吗
编程开发学习
06-26 2581
从事软件开发多年，程序员这个职业是高度的脑力劳动，几乎天天都盯在电脑屏幕上，经历过几家公司，认识的同事差不多也有几百个了，绝大部分头发还是完好无损的，当然也有个别的秃顶特别厉害，秃顶主要分为局部秃顶和全秃顶，局部秃顶的会多一些，至于大家说到的秃顶和技术是不是一种关系，没有直接的关联，主要和每个人本身的体质有关系。 从事软件开发都会有不同层面的局部秃顶,有几次理发的时候，理发师说到两边头发有点少，...
前端漫漫终秃头——HTML成长记录（1）
流亦的博客
09-15 132
前端漫漫终秃头，而今代码不停敲…… HTML介绍与基本结构。 HTML的英文全称是 Hyper Text Markup Language，即超文本标记语言。
熬夜会秃头队——冲刺总结随笔
2301_80370029的博客
11-17 102
下一阶段，需要先对之前完成的内容进行一个整合，通过开会的方式再召集所有人对当前的任务进行评估和分析，避免已经出错的环节之后发展成为更大的缺漏。而在总结完了之前的工作之后，再对下一步工作进行分配和调整，对于本阶段较为困难的任务需要分配更多的人员进行工作，而对较简单的任务则减少人力的投入，以此权衡不同任务之间的比重。在下一次的任务之中完成最主要的文件分片上传以及下载。总之，项目的开发依旧前路漫漫，唯有脚踏实地，全力以赴，以认真的心态进行接下来的工作，才能保证项目的。
[秃头之路]锁
丹康丶的博客
07-12 174
锁一、Synchronized 与 Lock二、悲观锁与乐观锁三、乐观锁的基础 --- CAS四、自旋锁五、Synchronized 锁升级： 偏向锁 → 轻量锁 → 重量级锁六、可重入锁（递归锁）七、公平锁、 非公平锁八、可中断锁九、读写锁,共享锁,互斥锁十、回到悲观锁和乐观锁 一、Synchronized 与 Lock   Java中有两种加锁的方式：一种是用synchronized关键字，另...
HTML5+CSS3笔记（Xmind格式）：第一天
08-02
1.新增语义化标签： - header：定义文档的页眉,用来表示页面的头部。 - nav：定义导航链接的部分nav 元素代表页面中的导航，其中的导航元素链接到其他页面或当前页面的其他部分。 - main：主体信息 ...
HTML5+CSS3第四天.xmind
最新发布
08-06
HTML5+CSS3知识总结： 媒体查询： 1.媒体查询格式：@media 设备类型 and 设备特性 2.screen：设置屏幕 3.max-width(最大宽度),min-width(最小宽度) 4.可以通过媒体查询引入不同的css样式 移动端布局方式： 1....
HTML5+CSS3第二天.xmind
08-02
第二天HTML5+CSS3：新增选择器，CSS新属性样式等更详细的笔记总结，包含源代码图片实例。
长路漫漫,读书兴华——端午国旗下讲话小学.pdf
02-22
总的来说，这篇讲话稿旨在传承历史文化，弘扬爱国主义精神，强调读书与个人成长的关系，并鼓励学生们在当今时代背景下，要有责任感和担当，以实际行动践行爱国理念，努力学习，为国家的未来贡献自己的一份力量。
html5和css3新特性.pdf
08-19
"html5和css3新特性" HTML5是一种超文本标记语言，用于结构化和显示网页内容。它的新特性包括： 1. 多媒体标签：HTML5引入了多媒体标签，如和，使得网页可以直接播放音频和视频文件。 例如：...
网红之路漫漫——互联网内容创作者群体研究.pdf
07-15
网红之路漫漫——互联网内容创作者群体研究.pdf
班主任心得——路漫漫兮，我们携手前进.doc
09-14
班主任心得——路漫漫兮，我们携手前进.doc
图书借阅管理系统说明书（有前端）
07-13
- **前端展示**: 结合HTML、CSS和JavaScript等技术，构建用户友好的界面。 - **交互逻辑**: 设计合理的用户交互流程，使操作更加流畅便捷。 - **响应式布局**: 确保不同设备上的良好显示效果，提升用户体验。 #### ...
班主任心得——路漫漫兮，我们携手前进-论文.zip
08-18
班主任心得——路漫漫兮，我们携手前进-论文.zip
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

流亦

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值