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==》斜体
 ==》空格
& gt;& lt;==》大于、小于符号
"==》引号
&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>

(0)

相关推荐

  • HTML网页的基本组成结构

    HTML基本结构 document是指整个文件,它下面就是咱们的html 超文本标记语言的结构包括"头"(head)和主体(body) 其中"头"部提供关于网页 ...

  • HTML标签及标签属性

    HTML:超文本标记语言,是使用标记标签来描述网页的一种语言,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分: css层叠样式表是一种用来表现HTML(标准通用标记语言的一个应用 ...

  • WEB前端——HTML标签与文档结构

    一.HTML标签与文档结构 1.前言 一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容,而HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的,所以HTML部分是整个前端的 ...

  • html5基础教程常用技巧整理

    HTML5的一些新增属性和功能是让代码变得更简洁,这总归是一件好事,应该值得我们推崇,希望这篇HTML5的文章对你有一些帮助 1. 新的Doctype声明 XHTML的声明太长了,我相信很少会有前端开 ...

  • 黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程

    里奥_ 1.HTML.CSS基础.JavaScript语法基础.学完基础后,可以仿照电商网站(例如京东.小米)做首页的布局. 2.JavaScript语法进阶.包括:作用域和闭包.this和对象原型等 ...

  • 就算上犬这种基础体位也有很多细节可以打磨.......

    关于上犬中手臂位置和腿的控制,我先介绍给大家下面这个5分钟的David Garrigues的视频课程. 下面先看这个视频教学,视频之后我再用文字图片的方式做一点补充. 具有丰富教学经验和擅长很多实用具 ...

  • 厨师长教:“8种翻锅基础手法”,厨师入门硬核翻锅教程,快收藏

    厨师长教:“8种翻锅基础手法”,厨师入门硬核翻锅教程,快收藏

  • 美容基础培训之: 认识皮肤

    美容基础培训之: 认识皮肤

  • 奇门遁甲基础知识人盘之八门

    转自:杨治奇门 奇门遁甲代表人事的是人盘.地盘是定位盘,而人盘是可以转动的.人盘的实现方法是以洛书九宫八卦为框架,在盘上布八门.八门的顺序为:休门.生门.伤门.杜门.景门.死门.惊门.开门.下面分别简 ...

  • 易学应用基础知识之八:《奇门遁甲》中十二地支的相互关系

    这一部分内容,我们来介绍关于十二地支的相互关系. 关于十二地支之间的相互关系,在其它传统预测学中的应用是比较广泛的,比如八字.六爻等.在奇门遁甲中,十二地支之间的各种相互关系并不是所有的关系都能用得上 ...

  • 高三《生活与哲学》硬核基础、背诵体系

    [导入]大轮复习,进入哲学专项攻坚.       哲学在新高考中的位置与分值,基本定型,选择题第13-16题,共4题,3X4=12分:非选择题是第20题,往往是第(1)小题,12分,拢共24分,如果2 ...

  • 事业单位公共基础知识:人文常识之楚辞

    在各种考试中,一般都会涉及一些人文常识的题目,考查方式主要以识记性为主,但由于考察内容涉及的知识范围较广.例如一些文学著作知识,对于很多考生来说部分题目还是比较难.现就文学著作中的楚辞的部分知识梳理如 ...