HTML基本结构
HTML是标记语言
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>第一个程序</title>
</head>
<body>
<h1>hello,world</h1>
<p>刘</p>
</body>
</html>
- 第一行是声明表示使用的HTML5语言
- html表示根标签,第一个为开始标签,最后一个为结束标签,之间的所有代码称之为HTML元素
- head元素是所有头部元素的容器
- title指定网页的标题
- body包含网页所有可视的内容
- h1表示标题的尺寸(最大尺寸)
- p元素定义一个段落,里面存放文本
- head元素是所有头部元素的容器
结构图:
灰色部分不可见,白色是可见的
素材取自鱼c
a标签
<p>b站<a href="https://www.bilibili.com/">传送门</a> </p>
<a href="https://www.bilibili.com/">b站传送门</a>
这两个有区别,第一个在网址前面添加了一个无法被点击的文本,第二个整体都能点击
创建一个a标签,加空格可以添加属性,href必须要有,href后添加网址,在后面是用你自己的文字替代网址名字,例如点击传送门就可以传送到b站了
属性 | 值 | 描述 |
---|---|---|
download | filename | 指定被下载的超链接目标。 |
href | URL | 指定链接指向页面的 URL。 |
hreflang | language_code | 指定被链接文档的语言。 |
media | media_query | 指定被链接文档是为何种媒介/设备优化的。 |
rel | text | 规定当前文档与被链接文档之间的关系。 |
target | _blank、_parent、_self、_top、framename | 指定在何处打开超链接。 _blank:在新窗口中打开 _parent:在当前的父窗口中打开,如果不存在父窗口,此选项的行为方式与 _self 等同 _self:当前窗口打开(默认) _top:在整个窗口中打开 framename:在指定的框架中打开 |
type | MIME type | 指定被链接文档的的 MIME 类型。 |
img标签
<img src="图标.jpg" width="256px" height="256px" alt="第一个网页图标">
直接创建一个img标签,scr后添加图片链接,本地地址,空格后面可以设置图片大小,alt是图片链接不存在时显示的文字
属性 | 值 | 描述 |
---|---|---|
alt | text | 指定图像的替代文本。 |
src | URL | 指定显示图像的 URL。 |
width | px(pixels)、% | 设置图像的宽度(像素或百分比)。 |
height | px(pixels)、% | 定义图像的高度(像素或百分比)。 |
ismap | URL | 将图像定义为服务器端图像映射。 |
longdesc | URL | 指定包含长的图像描述文档的 URL。 |
usemap | URL | 将图像定义为客户器端图像映射。 |