01.HTML基础-基础标签

基础标签

=H系列标

1. 作用：用于给文本添加标题语义
2. 格式：< ......>
3. 注意：
   • H标签有6个，h1~h6，数字越大字体越大（强调：H标签是为文本添加语义，不是用来修改文本样式的）
   • 被H标签包裹，会独占一行
   • 一般来说，一个界面一能有一个h1标签

P标签

1. 作用：告诉浏览器哪些文本是段落
2. 格式：<p>......</p>
3. 在浏览器中会独占一行

hr标签

1. 作用：在浏览器上显示一条分割线
2. 格式：<hr/>
3. 好像“/”这个可写可不写，应该是HTML5的兼容问题叭~

注释

1. 注释不能嵌套使用
2. 格式<! -- .......-->
3. 快捷键 ctrl+/

img标签

1. 作用：在网页上插入一张照片
2. 格式：

<input type="image"  src="hh.jpg" height="180" title="不要点我不要点我吖~" >

3. 属性
   | 属性名称 | 作用|
   |-src-|-图片路径-|
   | alt | 图像的代替文本 |
   | title | 悬停文本（鼠标悬停时显示）|
   | height | 设置图片的高度 |
   | width | 设置图片的宽度 |
4. 注意

• 不默认占一行
• 想等比拉伸，只设定长度或宽度中的一个

br标签

1.作用：换行
2. 格式：< br/>
3. br的意思是不另起一个段落进行换行，而网页中大部分换行是因为需要另起一个段落

相对路径和绝对路径

• 相对路径：
  • 可以移植好
    • 同级
      • 直接写：aa.png
    • 下级
      • images/aa.png
    • 上级
      • …/aa.png

a标签

1. 格式 ：<a href="https://i.csdn.net/#/uc/profile">姚远的博客吖~</a>

2. 作用：页面跳转

3. 在a标签之间一定要写上文字，不然你就找不到他啦

4. a标签也叫做超级链接或者超链接

5. |属性名称| 作用 |
   |-href-|-指定跳转的目标地址-|
   | target | target |
   |title|悬停文本(介绍这个链接, 只有在鼠标移动到超链接上时才会显示)|

6. base标签和a标签结合使用
   如果每个a标签都想在新页面中打开,那么逐个设置a标签的target属性比较麻烦, 这时我们可以使用base和a标签结合的方式,一次性设置有a标签都在新页面中打开

• 格式: <base target="_blank" />
• 注意事项:
  • base必须嵌套在head标签里面
  • 如果标签上指定了target,base中也指定了target,那么会按照标签上指定的来执行
• a标签其它用法
• 假链接(本质是跳转到当前页面)
  • 格式<a href="#">姚远姐姐</a>
  • 格式<a href="https://i.csdn.net/#/uc/profile">你好啊</a>
• 跳转到当前页面指定位置(锚点链接)
  • 格式<a href="#location">跳转到指定位置</a>
  • 在页面的指定位置给任意标签添加一个id属性
    例eg：<p id="location">这个是目标</p>
• 跳转到指定页面的指定位置
  • 格式: <a href="01-锚点链接.html#location">跳转到指定位置</a>
  • 只需要在01-锚点链接.html页面添加一个id位置即可
  • 下载(极力不推荐使用)
    - eg：<a href="girl.zip">下载福利资源<a/>

不晓得表格做的对不对，刚开始，还不太会/呲牙