| |
|
开发:
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.文本格式化标签
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>
6.1合并单元格 ????????三步:1、确定跨行还是跨列 ? ? ? ? ? ? ? ? ? ?2、找到目标单元格,合并方式=“合并单元格数”。例:<td?colspan="2"></td> ? ? ? ? ? ? ? ? ? ?3、删除多余的单元格 ?7.列表标签 ?8、表单标签 ????????表单域:是一个包含表单元素的区域,用<form>标签来表示。? ? ? ? ????????<form?action="url地址"?method="提交方式(get/post)"?name="表单域名称"> ????????????????各种表单元素控件 ????????</form> 8.1、<input>表单元素 ?type属性的属性值:
?<input>标签的其他属性
?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"/> |
|
|
上一篇文章 下一篇文章 查看所有文章 |
|
开发:
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- |
|
网站联系: qq:121756557 email:121756557@qq.com IT数码 |