[关闭]
@wangyupu 2020-05-21T06:05:40.000000Z 字数 945 阅读 28

HTML5+CSS第一章笔记主讲锚链接和超链接

HTML5+CSS

基本要领

  1. 新建文本文件
  3. 修改文件名
  5. 写入内容
  7. (创建html文件)
  8. 修改文件的后缀名   .html 或  .htm

标签或元素

  1. 标签80%（开标签和关标签组成）
  2. shift + <  
  4. <html>开标签    含义：我要告诉浏览器  我接下来写的内容是HTML内容
  5. </html>关标签

浏览器头部

  1.   <head>
  2.      <title>百度一下，就知道</title>  标题标签
  3.  </head>

身子 主体部分

  1.     <body>
  2.         中间插入内容
  3.    </body>
  6. 很难分清楚 谁嵌套了谁？（缩进）
  7. 利用缩进描述文档结构
  10. <!DOCTYPE html>  告诉浏览器 我要写的代码是HTML5的
  12. lang="en"  中文
  15. <meta charset="utf-8"/> 告诉浏览器  我要使用UTF-8编码
  17. utf-8  国际编码
  18. gbk==gb2312    中文编码
  19. ISO-8859-1
  21. hn  标题标签  1-6  大-小
  23. 段落标签  换行  间距
  26. br 强制换行（单标签```<br/>```） 
  28. hr 水平线
  30. strong 字体加粗
  32. em    字体倾斜

标签与标签直接可以互相嵌套

  1. html中的注释   <!--注释内容-->   浏览器是不会帮我们解析的
  2. &nbsp; 一个空格 
  3. &copy;三C认证标识
  4. &gt>是大于号缩写
  5. &lt<是小于号缩写

图片插入

  1. 绝对路径：代表从根目录开始来查找
  2. 相对路径：相对于当前文件进行查找
  3. <img src="图片路径" alt="加载不出来显示的文字" title="鼠标悬浮显示的文字" width="图像宽度"
  4. height="图像高度" />   像素单位为px 
  5. 超链接
  6. <a href="链接路径" target=_blank >中间加按键跳转文字 </a> blank代表重新打开一个新的页面

超链接

  1. 分为内部链接和外部链接  
  2. 内部链接直接打路径 
  3. 外部连接必须以http//开头

锚链接

  1. 从A页面的甲位置跳转到本页中的乙位置
  2. 从A页面的甲位置跳转到B页面中的乙位置
  4. 创建步骤
  5. 创建跳转标记
  6. < a name="页面位置"> 乙位置 ```</a>```
  7. 创建跳转链接
  8. < a href="#页面位置">甲位置```</a>```

京东链接作业

  1.         <p>
  2.             <a href="#">F1</a>
  3.             <!--其余超链接省略-->
  4.         </p>
  5.         <style>
  6.             p{position: fixed; right: 5%; top: 50%; font-size: 40px; }
  7.         </style>
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注