Java Web
原创
学习路线
学习过程
HTML
BS架构示意图
HTML中的基础标签
<html>
<head>
<title>这是网页的标题</title>
<meta charset = "UTF-8">
</head>
<body>
HELLE WOELD!<br/>你好，HTML
<p>这是一个段落</p>
<p>这是第二个段落</p>
<img src = "imgs/girls.jpg" width = "57" height = "73" alt = "这是一张图片">
<h1>标题一</h1>
<h2>标题一</h2>
<h3>标题一</h3>
<h4>标题一</h4>
<h5>标题一</h5>
<h6>标题一</h6>
<ol type = "A" start = "3">
<li>扫地僧</li>
<li>萧远山</li>
<li>慕容博</li>
<li>虚竹</li>
<li>阿紫</li>
</ol>
<ul>
<li>扫地僧</li>
<li>萧远山</li>
<li>慕容博</li>
<li>虚竹</li>
</ul>
你是喜欢<b>甜</b>月饼还是<i>咸</i><u>月饼</u> <br/>
水分子的化学式：H<sub>2</sub>O <br/>
氧气的化学式：O<sup>2</sup> <br/>
5 <10
10>5
5&le
<span>赵又廷</span>，夺妻之仇
<a href = "http://www.baidu.com" target = "_self">
</body>
</html>- html页面中由一堆标签组成：<html></html>，<html>是开始标签，</html>是结束标签
- title表示网页的标题
- 可以在meta中设置编码格式
- br/表示换行标签，br是一个单标签：开始标签和结束标签是同一个，斜杠放在单词后方
- <p> 表示段落标签
- img 标签是图片标签，width和height表示图片的宽和高alt表示图片的提示
- h1- h6为标题标签
- 列表标签：
- ol 有序列表 type 表示显示的类型：A a I i 1， start 表示从几开始；
- ul无序列表，type disc(default)，cicle、square
- u 下划线，b 粗体，i 斜体
- 上标 sup 下标 sub
- 实体标签
- span标签，不换行的块标记
- a 表示超链接
- href 表示链接的地址
- target：
- _self 在本窗口打开
- _blank 在新窗口打开
- _parent 在父窗口打开
- _top 在顶层打开
- div 层
表格标签的学习
<html>
<head>
<title>表格标签的学习</title>
<meta charset = "UTF-8">
</head>
<body>
<table border= "1" width = "600" cellspacing = "0" cellpadding = "4">
<tr>
<th>姓名</th>
<th>门派</th>
<th>技能</th>
<th>功力</th>
</tr>
<tr>
<td>乔峰</td>
<td>丐帮</td>
<td>降龙十八掌</td>
<td>5000</td>
</tr>
<tr>
<td>虚竹</td>
<td>灵鹫宫</td>
<td>北冥神功</td>
<td>8000</td>
</tr>
</table>
<hr/>
<table border = "1" cellspacing = "0" cellpadding = "4" width = "600">
<tr>
<th>名称</th>
<th>单价</th>
<th>数量</th>
<th>小计</th>
<th>操作</th>
</tr>
<tr align = "center">
<td rowspan = "2">苹果</td>
<td>5</td>
<td>20</td>
<td>100</td>
<td><img src = "delete.jpg" width = "24" height = "24" ></td>
</tr>
<tr align = "center">
<td>菠萝</td>
<td>3</td>
<td>15</td>
<td>45</td>
<td>删除</td>
</tr>
<tr align = "center">
<td>西瓜</td>
<td>6</td>
<td>6</td>
<td>36</td>
<td>删除</td>
</tr>
<tr align = "center">
<td>总计</td>
<td colspan = "4">181</td>
</tr>
</table>
</body>
</html>- 表格 table
- 行 tr ，其中有一个属性：align-> center、left、right
- 列 td
- 表头列 th
- table中有以下属性（已被淘汰）
- border：表格边框的粗细
- width：表格的宽度
- cellspacing：单元格间距
- cell padding：单元格填充
- rowspan:行合并
- colspan ： 列合并
表单标签的学习
<html>
<head>
<title>表单标签的学习</title>
<meta charset = "UTF-8">
</head>
<body>
<form style = "border: 1px">
昵称：<input type = "">
</form>
</body>
</html>- 女朋友说先学Java并发
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
评论
登录后参与评论
推荐阅读
腾讯云开发者
