0
点赞
收藏
分享

微信扫一扫

html学习小结

飞鸟不急 2022-04-21 阅读 98
html

目录

1、什么是html

2、html的组成

3、html编辑器

4、html链接

5、创建表格

6、插入图像

7、html URL


1、什么是html

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

2、html的组成

<!DOCTYPE html> 声明为 HTML5 文档

<html> 元素是 HTML 页面的根元素

<head> 元素包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8

<title> 元素描述了文档的标题

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

3、html编辑器

我使用eclipse,创建新文件夹,在Web Content目录下找到WEB-INF目录创建html文件。

4、html链接

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

在标签<a> 中使用了href属性来描述链接的地址。

默认情况下,链接将以以下形式出现在浏览器中:

  • 一个未访问过的链接显示为蓝色字体并带有下划线。
  • 访问过的链接显示为紫色并带有下划线。
  • 点击链接时,链接显示为红色并带有下划线。

例如:

<a href="https://www.baidu.com/">访问百度</a>

5、创建表格

表格由 <table> 标签来定义。每个表格均有若干行(由 <tr> 标签定义),每行被分割为若干单元格(由 <td> 标签定义)。字母 td 指表格数据(table data),即数据单元格的内容。数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

例如:

<table border="1">

<tr>

<td>row 1, cell 1</td>

<td>row 1, cell 2</td>

</tr> <tr>

<td>row 2, cell 1</td>

<td>row 2, cell 2</td>

</tr>

</table>

6、插入图像

在 HTML 中,图像由<img> 标签定义。

<img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。

要在页面上显示图像,需要使用源属性(src)。src 指 "source"。源属性的值是图像的 URL 地址。

定义语法为:

<img src="url" alt="some_text">

URL 指存储图像的位置。如果名为 "picture.jpg" 的图像位于 www.baidu.com 的 csdn目录中,那么其 URL 为 http://www.baidu.com/csdn/picture.jpg。

7、html URL

URL是统一资源定位符1、统一资源定位符是互联网上可用资源的位置和访问方法的简明表示,是互联网上标准资源的地址。2、在互联网发展史上,统一资源定位符的发明是一个非常基本的步骤。3、相对URL描述目标文件夹的位置,其中包含URL本身的文件夹位置作为参考点。

语法规则:

scheme://host.domain:port/path/filename

  • scheme - 定义因特网服务的类型。最常见的类型是 http
  • host - 定义域主机(http 的默认主机是 www)
  • domain - 定义因特网域名,比如 runoob.com
  • :port - 定义主机上的端口号(http 的默认端口号是 80)
  • path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
  • filename - 定义文档/资源的名称

举报

相关推荐

html小结

HTML5小结

HTML5基础小结

本周学习小结

学习数组小结

0 条评论