传智HTML5笔记

最新推荐文章于 2021-06-30 16:10:17 发布

MayMayJn

最新推荐文章于 2021-06-30 16:10:17 发布

阅读量515

点赞数

分类专栏： web前端文章标签： html5 学习笔记

本文链接：https://blog.csdn.net/MayMayJn/article/details/53384361

版权

web前端专栏收录该内容

18 篇文章 0 订阅

订阅专栏

什么是浏览器什么是服务器？

服务器：

浏览器浏览页面背后的秘密：

---浏览器接受用户操作->浏览器封装http请求->链接服务器：DNS解析->发送请求request->服务器接受请求->处理请求->返回相应报文->浏览器接受相应报文->.渲染页面呈现

---http协议

DNS域名解析：

HTML5文档结构：

Doctype标签：

<!DOCTYPE html>

HTML基本文档格式：

--utf-8 目前最常用的字符集编码格式，常用的字符集编码方式还有GBK 和 gb2312。

--gb2312 简体中文

--GBK包含全部中文字符繁体

--BIG5 繁体中文

--UTF-8包含全世界所有国家需要用到的字符

sublime快捷键：

LINK标签：

--引入DNS预先解析

--引入网站icon图标：

	<link rel="shortcut icon" href="http://www.126.com/favicon.ico"/>

--引入CSS样式

关于路径：

dos中的cd命令：

--“./”表示当前目录

--cd ../ 返回上一级菜单

--cd ../../返回相对于当前路径的上两级菜单

```````

标题标签：

超链接标签：

表格：

thead表格头部 tbody表格内容

<body>
	<table border="1">
		<thead>
			<tr>
				<th>姓名</th>
				<th>学号</th>
				<th>成绩</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td>张三</td>
				<td>1213</td>
				<td>98</td>
			</tr>
			<tr>
				<td>李四</td>
				<td>1214</td>
				<td>89</td>
			</tr>
		</tbody>
	</table>
</body>

单元格合并：

<!-- rowspan:一个单元格占用两行进行显示 -->
	<td rowspan="2">张三</td>
<!-- colspan：将一行的一个单元格占用两行进行显示 -->
	<td colspan="2">1213</td>

表单：

必须包裹在form标签中

单选要将两个选项包裹在一起要用相同的name属性，默认选中要添加checked属性

下拉列表的选择框用select标签包裹，默认选中用selected=”true”，展开multiple

<form action="#">
	<fieldset>
		<legend>欢迎登录</legend>
		<label for="demo">
			用户:<input type="email/tel" id="demo" name="" placeholder="请输入用户账号" autofocus required>
		</label>
		<label for="">
			密码:<input type="password" id="" name="" placeholder="请输入密码" required>
		</label>
		<label for="">
			<input type="submit" value="登录">
		</label>
	</fieldset>
</form>

单选多选····

性别：<input type="radio" name="sex" checked>男<input type="radio" name="sex">女
城市：
<select>
	<option value="北京">北京</option>
	<option value="上海">上海</option>
	<option value="西安">西安</option>
</select>
爱好：<input type="checkbox" name="interest">运动<input type="checkbox" name="interest">艺术<input type="checkbox" name="interest">科学 
<textarea rows="3" cols="20">这是一个多行输入框，请完善你的信息</textarea>

特殊字符标记：

MayMayJn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
传智HTML5笔记

什么是浏览器什么是服务器？服务器：浏览器浏览页面背后的秘密：---浏览器接受用户操作->浏览器封装http请求->链接服务器：DNS解析->发送请求request->服务器接受请求->处理请求->返回相应报文->浏览器接受相应报文->.渲染页面呈现---http协议DNS域名解析：HTML5文档结构：Docty
复制链接

扫一扫

专栏目录