Day1
入门： html,全称"Hyper text markup language超文本标记语言"
是对常规文本中的字体、图片、音频视频以及动画等待进行字体大小、颜色、粗细、图片宽高值以及图标logo和标题等等进行渲染
html版本从4.0.1后，变化很大—“分水岭” 现在使用h5版本
doc(文档)type(类型)
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
hello,html.
</body>
</html>
其中<html 是标准结构，开始标签（根标签）<head 头标签（子标签）<title 标题标签在网页中显示窗口标题 <body 子标签 主体 html的核心标签
charset字符集 一个中文对应三个字节浏览器解析页面默认UTF-8中文简体
gbk中国的中文编码表 gb2312:gbk的升级版 包含了gbk中没有的特殊字符，一个中文对应两个字节
ISO-8859-1拉丁文码表，不考虑中文在内 big-5大五码（港澳地区-繁体中文）
ctrl+shift+/ 注释快捷键 提高代码可读性
表格：<table 标签使用html方式画出一个表格，没有列的概念，单元格理解为列属性
border=“”(边框线粗细，不指定则不显示边框)
width/height可以按像素单位，也可以使用整个分辨率百分比为单位
<caption 子标签 当前表格的标题 <tr:行标签（易混淆：<br / 换行 <hr / 下划线）<th 表头内容
表格操作：行合并：rowspan=“所占格子的数量”
合并列：colspan=“所占格子的数量”
background给表格加背景
<table border="" width="" height="">
<caption>xxx</caption>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<th></th>
<th></th>
</tr>
</table>
文本标签：<center 标签 水平居中标签
<h1 — <h6 标题标签（适当加粗） 从大到小
<a 超链接标签–普通链接（链接到网站需要带http协议 即url统一资源定位符的写法https://）常见属性 1） href=“”
url链接地址 组成：协议+域名+端口号/具体的服务器路径地址 协议https://协议网络请求协议 ftp协议
以后可能用服务器地址
2）target属性 指定打开另一个资源文件的地址 _slef 当前窗口打开（默认）_blank重新打开新窗口
锚链接
1)创建一个书签：
<a name="xx"或者id属性></a>
相当于创建一个跳转链接 可以用id属性来替代name属性，命名锚同样有效
2）在其他位置创建一个跳转链接，从当前位置跳到1）
<a href="#xxname属性值" >xx</a>
在不同页面下使用方法同上
1）在另一个html页面中某个位置设置书签
<a name="xx"或者id属性></a>
2）在当前html页面中，写下跳转链接
<a href="另一个html地址#name属性值">xx</a>
<p段落标签，html中手工分段仍然会将内容输出在同一行
滚动标签marquee 常用属性：滚动方向：direction默认往左 滚动文字速度：scrollamount(滚动文字以像素为单位 一般只写数字值不加px) 滚动方式behavior（默认循环滚动）：slide滚动到一边停止 alternate来回交替滚动 scroll循环滚动 滚动时间间隔（滚动延迟）scrolldelay单位毫秒 滚动的范围属性 宽度和高度width和height 背景颜色bgcolor
<marquee direction="" scrollamount="" scrolldelay="" bgcolor=""></marquee>
xx公司
<dl>
<dt>项目总监</dt>
<dt>程序猿</dt>
</dl>
列表标签：有序标签ol 列表项li type=“”（定义列表前面的标记类型 默认1 也可指定a A)
你喜欢的歌手有哪些？
<ol>
<li>林宥嘉</li>
<li>周杰伦</li>
</ol>
无序标签ul 列表项li type=“” disc属性默认实心圆点 circle空心圆点 square小正方形，写法同有序标签ol
上下标标签 sup(顶级的 上标)和sub(html中常见的转义字符–xxx版权所有©)
数字表达式--x<sup>2</sup>
化学表达式--H<sub>2</sub>O
块标签：div(常用div+css层次布局)
自带有换行效果，将任何元素用div包裹起来，形成一个块标签
<span 行内标签–不会换行 （可以动态给他的文本内容设置提示信息 通过js的正则表达式进行用户输入信息的判断
图像标签<img src=“” src属性：加载图片的url地址，一般使用相对路径（…/二级目录）width宽度 height高度 title鼠标悬停时的提示信息 alt图片失效时的替代文本 align="bottom"底部位置默认 还有top middle 可选 left段落左边显示
<img src="img/1165861.jpg" align="left" title="鹰眼" width="600px" height="400px" />
<p>这是漫威鹰眼连续美剧</p>
补充面试题：一个html页面中有3个图片，当去访问这个页面时会发送几次请求
给服务器发送几次请求？
四次，html页面一次，每一张图片都通过src属性，加载图片地址url，所以三张图片，三次请求，总共三次
2353
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
