IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> Python知识库 -> HTML基础标签 -> 正文阅读

[Python知识库]HTML基础标签

1.基本结构

<html>

? ? ? ? <head>

? ? ? ? ? ? ? ? <title>网页标题</title>

? ? ? ? </head>

? ? ? ? <body>

? ? ? ? ? ? ? ? 主体内容

? ? ? ? </body>

</html>

2.文本格式化标签

语义标签
加粗<strong></strong>或者<b></b>
倾斜<em></em>或者<i></i>
删除线<del></del>或者<s></s>
下划线<ins></ins>或者<u></u>

3、<div>和<span>标签

? ? ? ? <div>属于大框架,用来分区布局,一行只能放一个<div>。

? ? ? ? <span>属于小框架,用来跨度、跨距布局,一行可以放多个<span>。

4、图像标签

? ? ? ? <img src="指定图像的文件路径和文件名"/>

5、超链接标签

<a href="跳转目标" target="目标窗口的弹出方式(_self为默认值,_blank为在新窗口打开)">文本或图像<a/>

链接分类:1、外部链接:<a href="http://www.baidu.com">百度</a>

? ? ? ? ? ? ? ? ? 2、内部链接:<a href="index.html">首页<a/>

? ? ? ? ? ? ? ? ? 3、空链接:<a href="#">首页<a/>

? ? ? ? ? ? ? ? ? 4、锚点链接:当点击链接可以快速定位到页面的某个位置

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(1)在href属性中设置属性值为#名字的形式,如<a href="#tiaozhuan">? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?跳转<a/>

? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?(2)找到目标位置标签,添加id属性=上面的名字,<h1 id="tiaozhuan">跳? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?转到这里<h1/>

?5、注释标签

?<!--注释语句?-->? ?快捷键为: ctrl+/

6、表格标签

?<table>

????????<!--?用于定于表格头部,<thead>内必须有<tr>标签,一般位于第一行?-->

????????<thead>

????????????<tr>

????????????????<th>表头单元格内容加粗居中</th>

????????????</tr>

????????</thead>

??????<!--?用于定义表格的主体,放数据本体?-->

????????<tbody>

????????????<tr>

????????????????<td>单元格的内容</td>

????????????</tr>

????????</tbody>???????

????</table>

属性名属性值
alignleft、center、right
border1或“ ” (是否有边框,默认"",无边框)
cellpadding像素值(单元边缘与内容之间的间隙,默认1像素)
cellspacing像素值(单元格之间的间隙,默认2像素)
width像素值或百分比(表格的宽度)

6.1合并单元格

????????三步:1、确定跨行还是跨列

? ? ? ? ? ? ? ? ? ?2、找到目标单元格,合并方式=“合并单元格数”。例:<td?colspan="2"></td>

? ? ? ? ? ? ? ? ? ?3、删除多余的单元格

?7.列表标签

?8、表单标签

????????表单域:是一个包含表单元素的区域,用<form>标签来表示。? ? ? ?

????????<form?action="url地址"?method="提交方式(get/post)"?name="表单域名称">

????????????????各种表单元素控件

????????</form>

8.1、<input>表单元素

?type属性的属性值:

属性值描述
button定义点击按钮
checkbox定义复选框,具有相同的name值
file定义输入字段和“浏览”按钮,供文件上传
hidden定义隐藏的输入字段
image定义图像形式的提交按钮
password定义密码字段,该字段中的字符被掩码
radio定义单选按钮,具有相同的name值
reset定义重置按钮
submit定义提交按钮
text定义单行的输入字段,用户输入宽度为20个字符的文本

?<input>标签的其他属性

属性属性值描述
name用户自定义定义<input>元素的名称
value用户自定义<input>元素的值
checkedchecked针对于单选和复选按钮,默认首选某个表单元素
maxlength正整数输入字段中的字符的最大长度

?8.2、<select>标签控件定义下拉列表

? ? <select>

????????<option>选项1</option>

????</select>

8.3、<laber>标签

<laber>标签为input元素定义标注,用于绑定一个表单元素,当点击<laber>标签内的文本时浏览器就会自动将光标转到或者选择对应的表单元素上,用来增加用户体验。?

? ? <label?for="sex">男</label>

????<input?type="radio"?name="sex"?id="sex"/>

  Python知识库 最新文章
Python中String模块
【Python】 14-CVS文件操作
python的panda库读写文件
使用Nordic的nrf52840实现蓝牙DFU过程
【Python学习记录】numpy数组用法整理
Python学习笔记
python字符串和列表
python如何从txt文件中解析出有效的数据
Python编程从入门到实践自学/3.1-3.2
python变量
上一篇文章      下一篇文章      查看所有文章
加:2021-09-20 15:45:02  更:2021-09-20 15:45:36 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/15 15:53:31-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码