1. HTML(超文本标记语言)
-
HTML 指的是超文本标记语言(Hyper Text Markup Language)是用来描述网页的一种语言。
-
HTML 不是一种编程语言,而是一种标记语言(Markup language)
-
标记语言是一套标记标签(markup tag)
-
✳️如何理解超文本
- 超越文本限制,还可以有视频、图像等多媒体内容(超越文本限制)
- 可以从一个文件跳转到另一个文件(超级链接)
基础标签🏷️
<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、页面关键字,内容
我们可以在文档中设置一些关键词,内容介绍。这样的好处是,当我们的网页发布在网上,用户可以通过在搜索框中输入关键字,找出一些比较符合的网页。这样一来,我们的网页便可以更容易地被别人访问。
a标签用来定义一条超链接,其中要有的是href属性,href的作用是指明超链接要链接到的网址。除了href属性,还有title属性表示链接的提示信息。target属性表示链接的打开方式,即当点击了链接,选择是在另一个页面打开还是本页面打开。其属性值包括_blank(新的空白页)、_self(当前页),_top(当前页)。
6、 锚点
有时我们在浏览网页时会发现,有些网页比较人性化,会有点击返回顶部的按键。这样的效果其实用锚点标签就能做到。锚点就是点击使用户跳到文档的某个部分。 这个我之前做过类似的(固定绝对位置然后设置链接指向该页面即可实现跳转至最初始。
今天的内容之前在做课设的时候遇到过~所以总体而言感觉难度还可以接受 ...希望之后继续努力💪
内容部分参考自t.csdn.cn/lYkk7
0815更新:没想到代码文字比这么严格qaq,本身很多笔记内容都直接敲在代码栏了hhh所以更正一下 而且在学习了后续内容之后回过头看最开始的第一节课笔记,也还是感觉光靠听课是没用滴,真正合格的前端程序员应该自己去钻研各类用法多多尝试啊(悲),下学期的网页设计课程可以多多实践~