HTML基础内容-0726 | 青训营笔记

226 阅读3分钟

1. HTML(超文本标记语言)

  • HTML 指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。

  • HTML 不是一种编程语言,而是一种标记语言(Markup language)

  • 标记语言是一套标记标签(markup tag)

  • ✳️如何理解超文本

  1. 超越文本限制,还可以有视频、图像等多媒体内容(超越文本限制)
  2. 可以从一个文件跳转到另一个文件(超级链接)

基础标签🏷️

	<head>
		<title></title>
	</head>
	<body></body>
</html>

2.一些基础HTML语法

#不知道为啥插不了图片

HTML DTD 标签(元素)element-< tagname>

文本text- text /<![CDATA[text]]>

注释comment-<!-- comments -->

DTD document type defination-<!Doctype html>

处理信息processing instruction <?a 1?>

HTML 标签

文档型


    <!DOCTYPE>
    <head>
    <body>

闭合型 闭合标签<p></p> 空标签<br> <img> <input>

换行型 块级标签<div> <h1> <h2>... 行内标签<span> <a>

H5新元素 语义化标签 媒体标签 <video> <audio> <embed> 表单标签 <input type='date'> <inpur tupe='color'> 功能标签 <canvas> <progress>

HTML head标签

title-标题,全局唯一

base-向页面内所有url提供前缀;全局唯一,不建议使用

meta-通常是约定好的键值对(例外:charset,http-equlv)

link-rel决定类型,href决定引入地址

script- type指定MIME类型;可内嵌代码,可外链文件

规范的html页面

1、文档声明

在前,要写文档声明语句: ,当然也可以用小写表示。文档声明的作用是告诉浏览器该文档遵循html规范。

2、标题

一般情况下,我们都会设定html文档的标题。这样的作用是使用户看起来感觉友好。标签为,标签内放标题名称。

3、页面编码

编码的种类有多种,但常用的是utf-8和gb2312。utf-8为多国语言编码,gb2312为中文简体编码。对于编码的详细问题,可以浏览博客。设置网页编码的语句为,是在标签内定义的。

4、页面关键字,内容

我们可以在文档中设置一些关键词,内容介绍。这样的好处是,当我们的网页发布在网上,用户可以通过在搜索框中输入关键字,找出一些比较符合的网页。这样一来,我们的网页便可以更容易地被别人访问。

5、定义超链接

a标签用来定义一条超链接,其中要有的是href属性,href的作用是指明超链接要链接到的网址。除了href属性,还有title属性表示链接的提示信息。target属性表示链接的打开方式,即当点击了链接,选择是在另一个页面打开还是本页面打开。其属性值包括_blank(新的空白页)、_self(当前页),_top(当前页)。

6、 锚点

有时我们在浏览网页时会发现,有些网页比较人性化,会有点击返回顶部的按键。这样的效果其实用锚点标签就能做到。锚点就是点击使用户跳到文档的某个部分。 这个我之前做过类似的(固定绝对位置然后设置链接指向该页面即可实现跳转至最初始。

今天的内容之前在做课设的时候遇到过~所以总体而言感觉难度还可以接受 ...希望之后继续努力💪

内容部分参考自t.csdn.cn/lYkk7

0815更新:没想到代码文字比这么严格qaq,本身很多笔记内容都直接敲在代码栏了hhh所以更正一下 而且在学习了后续内容之后回过头看最开始的第一节课笔记,也还是感觉光靠听课是没用滴,真正合格的前端程序员应该自己去钻研各类用法多多尝试啊(悲),下学期的网页设计课程可以多多实践~