一.列表标签 列表标签分为三种. 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里面什么都能…
表格标签 table 表格由<table> 标签来定义.每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由<td>标签定义).字母 td 指表格数据(table data),即数据单元格的内容.td标签,数据单元格可以包含放文本<span>标签.图片<img/>标签.列表<ul>.段落<p>.表单<form>.水平线<hr>.表格<table>等等 <tabl…
一.概念 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>06 表格标签</title> </head> <body> <!-- table 表示一个表格 border :表格的边框 默认根据数据的大小进行扩充 width和height 设置宽和高 cellspacing:单元格间距 表格中单元格之间的距离; ce…
简单的学习一下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…
图片属性:src(source): 图片的来源(路径),可以放置本地图片,也可以放网上的图片的url地址 [相对路径:        ./:当前目录            ../:跳出当前目录,到上一目录] title: 当鼠标停留在图片上的时候,显示提示的文字 alt:当文件找不到的时候,显示提示文字 ***************************************************************************** 超链接:a url地址:在浏览器地址栏…
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签的其它标签</title></head><body><!-- 感谢极客江南 1.表格标题在表格标签中提供了一个标签专门用来设置表格的标题, 这个标签叫做caption. 只要将标题写在caption标签中, 那么标题就会自动…