HTML5基础

北冥复习html（一）

一、基本结构

<!DOCTYPE html>
<html>
  <head>
    <title>网页标题</title>
    <meta charset="utf-8"/>
  </head>
  <body>
  </body>
</html>

二、什么是HTML？

  • HTML指的是超文本标记语言（Hyper Txet Markup Language）
  • HTML不是一种编程语言，而是一种标记语言==》是一套标记标签，用来描述网页

三、HTML属性

  • HTML可以拥有属性
  • 属性提供了有关HTML元素更多的信息
  • 属性总是以 名称/值 成对的形式出现例如
    name="value"; href="beiming.png";
  • 属性总是在HTML元素的开始标签中规定，例如：
    （<a href = "">==》开始标签； </a>==》结束标签）

四、结构标签

doctyoe ==》声明
html ==》文档标签
head ==》头部信息标签
title ==》文档标签标题
meta ==》声明浏览器信息
body ==》主体标签

五、基本标签

h1~h2==》标题标签
p==》段落标签
<br/>==》换行
<hr/>==》水平线
strong==》加粗
em==》斜体
&nbsp;==》空格
& gt;& lt;==》大于、小于符号
&quot;==》引号
&copy;==》版权符号

六、图像标签

结构：<img/>
元素：src="图片地址"; height="像素"(高); width="像素"(宽); title="提示内容"(鼠标悬停提示); alt="内容"(没加载出图片时，图片的代替文字);
例子：
<img src="image/beiming.png" heigh="586" width="350" title="图片" alt="未找到图片" />
效果：

 图片

七、超链接

1.链接标签：跳转指定网页
语法：<a>链接内容</a>
元素:1.href="路径";是链接打开的路径 2.target="打开方式";是链接的打开方式，默认为slef，即在当前窗体直接打开，blank是新建一个窗口打开

2.锚链接：在当前网页跳转指定位置
使用方法：
<ahref = "#a1">点击跳转</a>
<name = "a1">已到跳转点</a>   

posted on 2020-04-17 11:22  北冥道人骑鲲打代码  阅读(326)  评论(0)  编辑  收藏  举报

导航