HTML网页

最新推荐文章于 2024-09-26 20:42:44 发布
原创 最新推荐文章于 2024-09-26 20:42:44 发布 · 387 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html5

目录

一、HTML网页主体结构

html为根标签

head为头部标签

body为主体标签

二、列表

有序列表:ol-li

无序列表:ul-li

三、表格

table标签:表格

tr标签:行

th标签:列 -- 内容为标题

td标签:列 -- 内容为文本内容

四、表单

form:表单

input:

select:下拉框

一、HTML网页主体结构

html为根标签

head为头部标签

  • title为页面标题标签

body为主体标签

  • h1~h6为标题标签，数字越大字体越小
  • p为段落标签,br为换行标签,&nbsp为空格
  • img为图片标签，属性：src为图片路径，
  • width为图片宽度，
  • height为图片高度
  • 当图片只修改高度或者宽度其中之一，图片会随着比例而改变
  • a为超链接标签，属性：href为跳转链接路径，
  • 如需跳转外部服务器，需要加上http或者https
  • name属性为定位属性
  • href属性值为#name属性值代表定位对应的name属性的a标签
  • 成双成对出现的标签：html,head,body,h1~h6,title,p,a
  • 单标签：img,br
  • 自带换行符(块级标签):h1~h6,p,ul,ol,li,input
  • 不带换行符(行级标签):img,a,option,select

二、列表

有序列表:ol-li

  • 默认为阿拉伯数字，可以通过ol标签的type属性改变标记
  • 属性值1为阿拉伯数字
  • 属性值A/a为大写/小写英文字母
  • 属性值I/i为大写/小写罗马数字

无序列表:ul-li

  • 默认一级标记为实心圆,默认二级标记为空心圆
  • 通过ul标签的type属性改变标记
  • 属性值circle为空心圆
  • 属性值square为实心方形
  • 自定义列表:没有标记
  • dl为父标签
  • dt为一级标签
  • dd为二级标签

三、表格

table标签:表格

  • border属性为外边框的粗细，单元格需要边框就必须添加border属性但是大小不影响
  • cellspacing属性为单元格与单元格的间距
  • cellpadding属性为内容与单元格的间距

tr标签:行

th标签:列 -- 内容为标题

td标签:列 -- 内容为文本内容

        rowspan:行合并 -- 内容会上下居中

        colspan:列合并 -- 内容不会左右居中

        被合并的单元格需要删除

四、表单

form:表单

        action：属性值为表单提交服务器的路径

        表单内容会以name=value形式通过点击提交按钮进行数据提交

input:

  • type="text"为文本输入框,value属性为默认值,placeholder属性为提示语句
  • type="password"为加密文本输入框
  • type="radio"为单选框,
  • 同一个name属性值为同一类,同一类单选框只能选一个
  • type="checkbox"为多选框,
  • 同一个name属性值为同一类,同一类多选框可以选多个
  • checked="checked"为单选和多选的默认选项
  • type="submit"为提交按钮,提交表单内容
  • 提交地址由form表单的action属性值决定
  • value为按钮的显示文字
  • type="reset"为重置按钮,重置表单信息
  • type="button"为无功能按钮

select:下拉框

  • name属性值为提交数据的name
  • selected="selected"为默认选中状态

一个简单的HTML网页 、个人主页网页设计(HTML+CSS)
卡拉米
08-08 6453
计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。计划采用最新的网页编程语言HTML5+CSS3+JS程序语言完成网站的功能设计。并确保网站代码兼容目前市面上所有的主流浏览器，已达到打开后就能即时看到网站的效果。计划收集各大平台好看的图片素材，并精挑细选适合网页风格的图片，然后使用PS做出适合网页尺寸的图片。网站系统文件种类包含：html网页结构文件、css网页样式文件、js网页特效文件、images网页图片文件；网页作品代码简单，可使用任意HTML编辑软件（如：D。
QT5.9 利用 QWebEngineView / QWebChannel 调用JS程序实现QT与HTML网页数据交互，加载百度地图并与地图交互数据
03-04
QT5.9 利用 QWebEngineView / QWebChannel 调用JavaScript 实现QT与HTML网页数据交互， 实现QT加载百度地图并与地图交互数据 。 实现功能： 1.QT通过QWebEngineView模块加载百度地图，通过QWebChannel 调用JS函数...
jquery如何获得td标签中value属性的值
热门推荐
suweierxing的专栏
01-04 2万+
首先来说，td标签中是不存在value属性的 通过查找发现td中存在一个abbr属性： 定义和用法 abbr 属性规定单元格中内容的缩写版本。 abbr 属性不会在普通的 web 浏览器中造成任何视觉效果方面的变化。 屏幕阅读器可以利用该属性。 浏览器支持 由于在普通的 web 浏览器中不会造成任何视觉效果方面的变化，因此很难说是否存在对 abbr 属性的支持
选中table行，高亮显示，获取行中想要的数据（只能选单行，不能多行）
qq_36854073的博客
08-30 1502
以本博客第二篇中的table（表头固定、左右滑动等样式）为例 var index = this.rowIndex; var tdValue; $("#tlist tr").click( function() { if(index == undefined){ $(this).css("background","yellow"); index = this.rowIn...
HTML——单元格标签<td>的属性
时光·漫步的博客
04-28 1万+
1.  设置单元格的大小在默认情况下，单元格的大小会根据单元格中的内容自动调整，也可以手动设置表格的宽度和高度。语法：    &lt;td width=value  height=value&gt;        height:  设置单元格的高度。2.  设置单元格的水平对齐属性功能：    在水平方向上，设定单元格的对齐方式，分别有居左、居中、居右。语法：    &lt;td  align=v...
循环获取table表中td或td中input的value值
自能生羽翼，何必仰云梯
02-26 2002
<!-- 维修备件 --> <table id="spare_part_tbid" class="table table-striped table-bordered table-hover" > <tr> <th class="center">备件分类</th> <th...
html网页设计大作业
01-04
HTML网页设计是构建互联网内容的基础，它是一种标记语言，用于定义网页的结构和内容。在这个“html网页设计大作业”中，我们关注的重点是植物相关的主题，这表明学习者可能在创建一个关于植物的网站，旨在展示信息或...
仿小米商城html网页源码
03-31
【标题】"仿小米商城html网页源码"所涉及的知识点主要集中在网页设计与开发领域，特别是前端技术的运用。这个项目是模仿小米商城官方网站创建的HTML源代码，旨在为学习者提供一个实践和理解商城类网站前端设计的实例...
犀利的JS，HTML网页效果大全
10-12
【标题】"犀利的JS，HTML网页效果大全"揭示了这个资源集合主要关注JavaScript（JS）和HTML在创建令人惊叹的网页效果方面的应用。JavaScript是一种广泛使用的编程语言，它为网页提供了动态交互性，而HTML是网页内容的...
JS获取table表格下的td值，以及td下的input值
Q927920568的博客
04-15 6420
遍历table表中的td值以及td标签中input的值 先创建table表格 <table > <tr> <td>td1</td> <td><input type="text" value="111"/></td> </tr> <tr> <td>t...
HTML标签（三）
最新发布
2301_81364838的博客
09-26 2232
</ol>中只能嵌套<li></li>，直接在<ol>标签，一般在第一行。②<tr>
关于标签选择器获取table中的＜td＞标签中的html值,以及＜td＞中＜input type=‘text‘＞中的value值的详解
weixin_40517799的博客
05-10 2937
这是我自己最近做的项目的一段jsp代码， <table id="Mytable" class="table table-hover table-bordered table-striped" style="margin-bottom: 0px;"> <tr> <th>序号</th> <th>设备名称</th> <th>设备编号</th> <th>设备类型编号&l
html5中value这一属性啥意思,HTML5表单新增元素与属性知识点总结
weixin_39761645的博客
06-07 2610
一.表单新增的属性1.form 2.formaction 3.formmethod 4.placeholder 5.autofocus 6.list 7.autocomplate1.form属性，方便对其设置样式，目前是有oPera 10支持这一属性2.formaction属性，可以使每一个标签元素都有一个提交的入口地址。3.formmethod属性，可以给每个标签设置不同的提交方式。...
HTML <td> 标签
追梦猪的博客
09-29 663
实例一个简单的 HTML 表格，包含两行两列：<tableborder="1"> <tr> <th>Month</th> <th>Savings</t...
在表格(td)标签中或div中点击编辑按钮，在原来的位置显示出input输入框进行编辑操作(或者让标签变成可编辑内容)
笑到世界都狼狈的博客
07-23 5064
这两天项目刚上线，新版本的需求项目部还没搞出来，瞄了一眼需求中有个待定的原型图是点击编辑的时候在原来位置出来input输入框进行编辑，刚好这个功能我没做过，我百度百度写了几个demo，这样要是到时候真的要做这个需求，直接复制粘贴就好了 1.首先，第一种效果是编辑写在一个单独的td中，点击编辑，表格的一整行都显示input标签，也有一种是点击编辑，只有编辑前一个兄弟显示input标签。 效果如图...
html中代码td是什么,html元素td标签的使用方法及作用
weixin_36003021的博客
06-07 9134
html元素td标签的使用方法及作用详解如下：标签的定义标签是"table data cell"的缩写，是定义HTML表格中的标准单元格的；HTML 表格有两种单元格类型：表头单元格➜由标签创建的表头信息，其文本默认为居中的粗体文本；标准单元格➜由标签创建的数据信息，其文本默认为左对齐的普通文本；标签是成对出现的，以为开始，以为结束；浏览器支持情况标签已被所有主流浏览器都支持 。标签的用法如果需要...
html页面常规跳转的两种方法table td控制
SR2017的专栏
04-09 5337
第一种是正常的写a标签 a标签   《a href=“#”》《/a》 第二种是button onclick事件用window对象跳 控制table  列 行
HTML基础之tr和td标签用法
从_零_开始的专栏
05-23 1万+
网页制作用的较多的就是这些常用的标签，现在将tr和td分析如下： 1.HTMLtr标签     tr 标签 -- 代表HTML表格中的一行     * tr标签是成对出现的,以开始,结束     * 属性      Common --一般属性       align -- 代表行的水平对齐方式(left(左对齐) | center(居中对齐) |right(右对齐) | jus
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

ayou2020

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

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

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

打赏作者

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

抵扣说明：

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

余额充值