一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <body> <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> </body> 网页效果: 注意: li…
一.列表标签 1.ul(无序列表)标签 ul(unordered list)无序列表,ul下的子元素只能是li(list item),如下示例: <ul> <li>第一项</li> <li>第二项</li> <li>第三项</li> </ul> 总结: 1)li不能单独存在,必须包裹在ul里面:反过来说,ul的“儿子”不能是别的东西,只能是li: 2)列表之间是可以嵌套的(li是一个容器级标签,li里面什么都能…
一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>06 表格标签</title> </head> <body> <!-- table 表示一个表格 border :表格的边框 默认根据数据的大小进行扩充 width和height 设置宽和高 cellspacing:单元格间距 表格中单元格之间的距离; ce…
表格标签 table 表格由<table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表格数据(table data),即数据单元格的内容.td标签,数据单元格可以包含放文本<span>标签.图片<img/>标签.列表<ul>.段落<p>.表单<form>.水平线<hr>.表格<table>等等 <tabl…
简单的学习一下HTML 学习HTML采用在www.runoob.com上学习的方法. 而且该网站还提供在线编辑器. 然后HTML编辑器使用Notepad++ 记得上Emmet的官网http://emmet.io下载适合Notepad++的Emmet来增加代码编辑速度. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <!-- 用来描述HTML页面的编码 --> <…
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>21-表格标签基本使用</title></head><body><!--其实在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表1.什么是表格标签?表格标签作用: 用来给一堆数…
<span> 标签:非块状元素,用于文本描述 <style> 标签:内联样式表标签定义样式信息,必须写明type类型为text/css,建议写在head中,不是必须 demo: <style type="text/css"> h1 {color:red} p {color:blue} </style> <table> 标签:表格标签 <tr>标签:折行标签 <td>标签:表格内容标签 demo: <…
一.列表标签 列表标签分为三种. 1.无序列表<ul>,无序列表中的每一项是<li> 英文单词解释如下: ul:unordered list,“无序列表”的意思. li:list item,“列表项”的意思. 示例: <body> <ul> <li>张三</li> <li>李四</li> <li>王五</li> </ul> </body> 网页效果: 注意: li…
一.超链接标签 <html> <head> <meta charset="UTF-8"> <title>04 body超链接标签学习</title> </head> <!-- a标签: href:要跳转到的网页资源路径 本地资源和网络资源 .记得写一个让用户点的文字/图片 target:新网页跳转后的显示方式 _blank(空白) 新打开一个网页,保留当前网页 _self(自我) 在当前网页刷新显示 —top…
一.列表标签 <!-- 快捷键 1.<meta charset="UTF-8"/> 用m6可直接写出 2.复制当前1行到下一行 ctrl+shift+R --> <html> <head> <title> 02 body标签(列表标签)的学习</title> <meta charset="UTF-8"/> </head> <!-- 列表标签: 1.有序列表 ol l…