html基础
2018-06-24 00:58:46来源：未知 阅读 ()
JavaEE阶段首先我们要对前段的知识有所了解,今天我给大家带来的是基础的标签和属性,这也是html的开始
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Hello word</title> </head> <body> <!-- 标题hn(n1-6) 段落<p> 水平分割线<hr> 换行<br> 加粗<b>倾斜<i> 字体<font> <属性> size大小像素 可以是固定大小 也可以是百分比大小 字体大小(1-7) color颜色 align位置 face字体样式 楷体 宋体 --> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- img 图片标签 src="路径" 绝对路径 相对路径 ../上一层 height 高度 width 如果有一方设置了百分比那想改变另一个属性只可以使用像素了 title 鼠标悬停时,显示的信息 alt 图片加载失败后,显示的信息 --> <img src="../img/logo2.png" title="黑马程序员" alt="黑马程序员,图片加载失败" width="100%" height="50"/> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- a href 热点 href="链接网页地址" target _self 本地的网页窗口 _blank 新开一个网页窗口 --> <a href="01.图片信息显示.html" target="_blank" title="登录">登录</a> <a href="01.图片信息显示.html" target="_self" title="登录">登录</a> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- 无序列表 <ul> <li> </li> </ur> 有序列表 <ol> <li> </li> </ol> 属性 无序type 默认disc 实心圆 方块 空心圆等 有序type 默认1 abc --> <ul type="disc"> <li>第一次</li> <li>第二次</li> </ul> <hr /> <ol type="disc"> <li>第一次</li> <li>第二次</li> </ol> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- <table> 表格 <td> 列 <tr> 行 <th> 表头 默认居中加粗 属性 border 边框线 cellspacing 单元格与单元格之间的距离 cellpadding 单元格与内容的距离 --> <table border="1" cellspacing="0" cellpadding="0" width="100%"> <tr> <th>1</th> <th>2</th> <th>3</th> <th>4</th> </tr> <tr> <td align="center">1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </table> </body> </html>
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!-- <table> 表格 <td> 列 <tr> 行 <th> 表头 默认居中加粗 属性 border 边框线 cellspacing 单元格与单元格之间的距离 cellpadding 单元格与内容的距离 合并单元格 行合并 列合并 表格背景色 bgcolor --> <!--第一行的第一个单元格与第二行的第一个单元格合并 --> <table border="1" cellspacing="0" cellpadding="0" width="100%" bgcolor="#999"> <tr> <td rowspan="2">1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </table> <hr width="80%" size="50"/> <!--第一行的第2个单元格与第一行的第3单元格合并 --> <table border="1" cellspacing="0" cellpadding="0" width="100%" bgcolor="#999"> <tr> <td>1</td> <td colspan="2">1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> <tr> <td>1</td> <td>1</td> <td>1</td> <td>1</td> </tr> </table> </body> </html>
有什么问题博友请提出,互相探讨,我们共同成长
不停有博友问我,怎么可以学好java,我个人的经验,我也是不太聪明,多敲多练,不会就敲个十遍八遍
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
上一篇：css命名（笔记）
下一篇：CSS3效果：5种预载动画效果
- DIV居中的经典方法 2020-06-13
- Html/css 列表项 区分列表首尾 2020-06-11
- css与javascript重难点，学前端，基础不好一切白费！ 2020-06-11
- HTML骨架 2020-06-10
- HTML基础教程_1 2020-06-09
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
