目录
9.HTML统一资源定位器(Uniform Resource Locators)
1.html语义化标签
<h1>~<h6> :标题标签从1到6字体逐渐变小
<hr/>:水平线(单标签)
<br/>:换行(单标签)
<b><b/>和<strong><strong/>标签都为字体加粗
<i><i/>和<em><em/>标签都为斜体字
<sub></sub>:下标字
<sup></sup>:上标字
<del></del>:删除字
<ins></ins>:插入字
<abbr></abbr>:定义缩写
<b>加粗文本</b><br/>
<strong>加粗文本</strong><br/>
<i>斜体文本</i><br/>
<em>斜体文本</em><br/>
<del>删除线</del><br/>
<s>删除线</s><br/>
<ins>下划线</ins><br/>
<u>下划线</u><br/>
<!-- p标签结束会自动换行 -->
<p>正常<small>缩小</small></p>
<p>正常文本<sub>下标</sub><br/></p>
<p>正常文本<sup>上标</sup><br/></p>
<!-- abbr标签当鼠标移到缩略词etc.上时会展示title属性中它的完整值 -->
<abbr title="etcetera">etc.</abbr><br />
<div></div>:块级元素,独占一行
<span></span>:内联元素
2.超链接标签&锚点定位 <a></a>
<a href="http://www.baidu.com/" target="_blank">访问菜鸟教程!</a>
target:为打开窗口的方式 默认值为"_self" 当前窗口打开页面 ;“_blank”新窗口打开页面
href:打开页面的地址,值为“#”时表示空连接;链接可以是文件地址
锚点定位:a标签的href属性为“#号加跳转位置的id值”
<p>
<a href="#C4">查看章节 4</a>
</p>
<h2 id="C4">章节 4</a></h2>
<p>这边显示该章节的内容……</p>
3.图像标签<img/>
<img src="img.jpg" alt="图片加载失败" title="图片111" width="500" border="15"/>
src:src里面的值是图片的URL地址
alt:替换文本,alt里面的值是当图片显示不出来的时候用的文字代替
title:提示文本,title里面的值是当鼠标放到图像上去时出现提示的文字
height(高度)与width(宽度)属性用于设置图像的高度和宽度
4. HTML表格
HTML表格_weixin_47940048的博客-CSDN博客
5. HTML列表标签
HTML列表标签_weixin_47940048的博客-CSDN博客
6.HTML表单
HTML表单_weixin_47940048的博客-CSDN博客
7.HTML框架
<iframe loading="lazy" frameboder="0" src="demo.html" width="200" height="400"></iframe>
8.HTML常用字符实体(大小写敏感)
9.HTML统一资源定位器(Uniform Resource Locators)
url是一个网页地址
http://www.baidu.com
http://localhost:80/test/demo.php
scheme://host.domain:port/path/filename
- scheme:定义因特网服务的类型。最常见的类型时http
- host:定义域主机(http的默认主机是www)
- domain:定义因特网域名,比如baidu.com
- :port:定义主机上的端口号(http默认的端口号是80)
- path:定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)
- filename:定义文档或资源的名称
常见的URL scheme
scheme | 访问 | 用于 |
http | 超文本传输协议 | 以http://开头的普通网页。不加密 |
https | 安全超文本传输协议 | 安全网页,加密所有信息交换 |
ftp | 文件传输协议 | 用于将文件下载或上传至网站 |
file | 计算机上的文件 |