第2天学习Web技术笔记

博主：小草林
发布时间：2021 年 07 月 14 日
713 次浏览
暂无评论
1039字数
分类：编程日常-Web

Loading...

## 一些小知识

HTML标记：成对出现<br>
head头部<br>
form表单<br>
table表格<br>
body‘身体’<br>
name‘定义名字[可以重复，单选按钮不可以重复]’<br>
HTML本身不区分大小写<br>
checked默认选择（单选）<br>
selected默认选择（多选）<br>
value="默认值"<br>
align="位置"[center居中]<br>
input后为标记的属性<br>
网页动态变化：JS<br>
字变色：CSS<br>

---

## 一.HTML表格(*****)

```html
<table></table>表格标记
	<tr></tr>表格行
	<td></td>表格列
	在<table>里放<tr>，在<tr>里放<td>
	合并单元格使用：<td colspan="合并单元格数目">你的信息</td>
```

---

## 二.HTML超链接

1. 链接可以到自己本机的网页，也可以是外部网站
2. 语法示例

```html
<a href="网址">网址介绍</a>
```

---

## 三.HTML图片

1. 语法示例

```html
<img width="宽" heigh="高" src="图片名字">图片介绍
```

2. 图片带链接

```html
<a href="网址" ><img width="宽" heigh="高" src="图片名字">图片介绍</a>
```

---

## 四.HTML列表

有序列表无序列表

```html
有序列表<ol></ol> 无序列表<ul></ul> 列表项<li></li>
```

---

## 五.标题

HTML共6级标题：H1-H6

```html
<h1>这是1级标题</h1>
<h2>这是2级标题</h2>
<h3>这是3级标题</h3>
<h4>这是4级标题</h4>
<h5>这是5级标题</h5>
<h6>这是6级标题</h6>
```

---

## 六.段落和DIV块

```html
<p>这是个段落</p>
	<div>这是个块</div>
	<span>用户名不为空！</span>
	<span>密码为6位！提示</span>
	<label>这是个标签</label>
```

---

## 七.HTML颜色

颜色表示2种：颜色名，颜色值[16进制，以#开头]
颜色是由3种色调配成：RGB

```html
<body bgcolor="#3B99FC"></body>
```

---

## 八.字符实体

HTML中空格表示：[&nbsp]

```html
&nbsp
```

HTML中人民币表示：[&yen]

```html
&yen
```

HTML中版权号表示：[&copy]

```html
&copy
```

HTML中大于号表示：[&gt]

```html
&gt
```

---

## 九.iframe框架

‘套用’

```html
<iframe width="800" height="1000" src="https://xxx" name="mycontent"></iframe>
```

最后修改：2021 年 07 月 24 日

© 允许规范转载

如果觉得我的文章对你有用，请随意赞赏，谢谢

发表评论取消回复
本站使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

打卡

私密评论

名称 *

🎲

邮箱 *

地址

缘梦の镇
申请更换链接：网站名称：缘梦の镇网站描述：只要你肯奋斗，没有什...
缘梦の镇
申请更换链接：网站名称：缘梦の镇网站描述：只要你肯奋斗，没有什...
譚興宇
相机拍照偏色
小有名气的道士
ヾ(≧∇≦*)ゝ
蓝易云
该评论仅登录用户及评论双方可见

数据结构笔记-2
浏览次数: 801
宝塔中的tomcat常用操作
浏览次数: 387
浅谈中国高校学生如何申请教育优惠
浏览次数: 1641
JAVA-1
浏览次数: 790
暴雨
浏览次数: 804

79 文章数目
123 评论数目
29.06 万全站字数
1 在线人数
67,249 访客总数
1年259天运行天数
93 ms 响应耗时
2 星期前最后活动

今日已经过去小时

这周已经过去天

本月已经过去天

今年已经过去个月

第2天学习Web技术笔记

小草林 • 2021 年 07 月 14 日

Loading...

## 一些小知识

HTML标记：成对出现<br>
head头部<br>
form表单<br>
table表格<br>
body‘身体’<br>
name‘定义名字[可以重复，单选按钮不可以重复]’<br>
HTML本身不区分大小写<br>
checked默认选择（单选）<br>
selected默认选择（多选）<br>
value="默认值"<br>
align="位置"[center居中]<br>
input后为标记的属性<br>
网页动态变化：JS<br>
字变色：CSS<br>

---

## 一.HTML表格(*****)

```html
<table></table>表格标记
	<tr></tr>表格行
	<td></td>表格列
	在<table>里放<tr>，在<tr>里放<td>
	合并单元格使用：<td colspan="合并单元格数目">你的信息</td>
```

---

## 二.HTML超链接

1. 链接可以到自己本机的网页，也可以是外部网站
2. 语法示例

```html
<a href="网址">网址介绍</a>
```

---

## 三.HTML图片

1. 语法示例

```html
<img width="宽" heigh="高" src="图片名字">图片介绍
```

2. 图片带链接

```html
<a href="网址" ><img width="宽" heigh="高" src="图片名字">图片介绍</a>
```

---

## 四.HTML列表

有序列表无序列表

```html
有序列表<ol></ol> 无序列表<ul></ul> 列表项<li></li>
```

---

## 五.标题

HTML共6级标题：H1-H6

```html
<h1>这是1级标题</h1>
<h2>这是2级标题</h2>
<h3>这是3级标题</h3>
<h4>这是4级标题</h4>
<h5>这是5级标题</h5>
<h6>这是6级标题</h6>
```

---

## 六.段落和DIV块

```html
<p>这是个段落</p>
	<div>这是个块</div>
	<span>用户名不为空！</span>
	<span>密码为6位！提示</span>
	<label>这是个标签</label>
```

---

## 七.HTML颜色

颜色表示2种：颜色名，颜色值[16进制，以#开头]
颜色是由3种色调配成：RGB

```html
<body bgcolor="#3B99FC"></body>
```

---

## 八.字符实体

HTML中空格表示：[&nbsp]

```html
&nbsp
```

HTML中人民币表示：[&yen]

```html
&yen
```

HTML中版权号表示：[&copy]

```html
&copy
```

HTML中大于号表示：[&gt]

```html
&gt
```

---

## 九.iframe框架

‘套用’

```html
<iframe width="800" height="1000" src="https://xxx" name="mycontent"></iframe>
```