HTML基础

最新推荐文章于 2023-03-05 00:47:21 发布

VIP文章 WoNiu_UU

最新推荐文章于 2023-03-05 00:47:21 发布

阅读量2.6k

点赞数 1

分类专栏：从零开始学web 文章标签： web学习

本文链接：https://blog.csdn.net/WoNiu_UU/article/details/82987641

版权

哪些元素是可以获取焦点的？？自然有一些是不能获取焦点的。。
哪些元素是可以被激活的？？自然有一些是不能被激活的。。
按钮可以处于被激活状态，表现为被按压下去（底色更深、边框颜色更深、向内投射阴影）

HTML语言

作用：用来摆放出页面上所有需要展示的东西的。

html（Hyper Text Markup Language）中文翻译为“超文本标记语言”，顾名思义她是一种语言，这种语言里面定义了N多标记，超文本标记是一种特殊的标记（在网页中实现页面跳转的文本称为超文本，即超链接标记），用这些标记对网页中的文本、图片、视频、音频、输入框等一切内容进行描述。比如input标记就描述的是一个输入框。
html之所以称为超文本标记语言，不仅是因为她通过标记描述了网页上的内容，同时也由于文本中包含了所谓的“超级链接”，通过超链接可以实现网页的跳转，从而构成了丰富多彩的web页面。

html文档后缀名

文件后缀名：规定了文件打开的方式。
html文件后缀名：早期dos系统支持3个字符的后缀名.htm 如今可以支持多字符的后缀名.html

html文档的基本格式

学习任何一门语言都要首先掌握她的基本格式，编辑器或编译器才能读懂你开发的源代码，就像写信需要符合书信的格式要求一样。

<!DOCTYPE html>--------用h5写的文件最开头是这样的格式，h5之前的一般都标明了具体的HTML语言的版本
<html lang="en">
  <head>
        <meta charset="utf-8">
        <title>测试网页</title>
  </head>
  <body>
      所有我们需要开发的界面源代码都写在该标记内。 
  </body>
</html>

<html>称为根标记，告知浏览器这是一个 HTML 文档， <html>标记标志着HTML文档的开始，</html>标记标志着HTML文档的结束，在他们之间的是文档的头部和主体内容。

<html lang="en"> 向搜索引擎 （HTML文档与搜索引擎是什么样的关系？？？我们开发的网页不需要用到像百度、必应这种搜索引擎呢？） 阐明该页面是html语言，并且语言为英文网站，其"lang"的意思就是“language”，而“en”即表示"english"，这个主要是给搜索引擎看的，搜索引擎不会去判断该站点 （站点指的是哪里？？？？） 是中文站还是英文站，所以这句话就是让搜索引擎知道，你的站点是英文站，对html页面本身不会有影响。

<head>标记用于定义HTML文档的头部信息，也称为头部标记，紧跟在<html>标记之后，主要用来封装其他位于文档头部的标记。一个HTML文档只能含有一对<head>标记，绝大多数文档头部包含的数据都不会真正作为内容显示在页面中。该标签内部可以放置css文件，js文件。
<title>标记用于定义HTML页面的标题，即给网页取一个名字，必须位于<head>标记之内。一个HTML文档只能含有一对<title></title>标记，<title></title>之间的内容将显示在浏览器窗口最顶部的标题栏中。其基本语法格式如下： <title>网页名称</title>
<body>标记用于定义HTML页面所要显示的内容，也称为主体标记。浏览器中显示的所有文本、图像、音频和视频等信息都必须位于<body>标记内，<body>标记中的信息才是最终展示给用户看的。一个HTML文档只能含有一对<body>标记，且<body>标记必须在<html>标记内，位于<head>头部标记之后。

html中标记之间的关系

关系主要有两种，嵌套关系和并列关系，如上写的<head></head>与<body></body>这两个标记就是并列关系（类似兄弟关系）；<head></head>与<title></title>这两个标记就是嵌套关系（类似父子关系）

html标记有哪些？

标记分为两类，一类是双标记，一类是单标记。
什么是块级元素和行级（内联）元素?

块级元素：块级大多为结构性标记

块级（block）元素的特点：
①总是在新行上开始，她自己占一行，写在行内元素后面也会显示在下一行，因为她要从新行开始，自己占一行。
②高度，行高以及外边距和内边距都可控制；
③宽度缺省是它的容器的100%，除非设定一个宽度；
④它可以容纳内联元素和其他块元素。
行内/内联（inline）元素的特点：
①和其他元素都在一行上；
②高，行高及外边距和内边距不可改变；
③宽度就是它的文字或图片的宽度，不可改变；
④内联元素只能容纳文本或者其他内联元素。

序号	标记	描述	是否双标记	是否块级元素	是否空标记	html5支持情况
1	div	定义HTML文档中的分隔(division)或部分(section)	是	块级元素	是	–
2	header	定义HTML文档中的页眉	是	块级元素	–	–
3	footer	定义HTML文档中的页脚	是	块级元素	–	–
4	section	标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。作用同div，只是更语义化	是	块级元素	–	–
5	input	定义输入框	否	行内块元素（本质上是行内元素，但设置了宽高起作用）	–	–
6	label	定义表单控件的标注	是	行内元素（设置了宽高不起作用，若向起作用，使用css中display属性，转换成行内块或者块级元素）	否	是
7	li	定义列表项，有序列表和无序列表中都使用该标签。	是	块级元素	–	–
8	ul	定义无序列表	是	块级元素	–	–
9	ol	定义有序列表	是	块级元素	–	–
10	dl	定义自定义列表	是	块级元素	–	–
11	dt	定义自定义列表项	是	块级元素	–	–
12	dd	定义自定义列表项的描述	是	块级元素	–	–
11	p	定义HTML文档中的段落	是	块级元素	–	–
12	span	定义HTML文档中的段落	是	块级元素	–	–
13	h1,h2,h3,h4,h5,h6	定义HTML文档中的标题	是	块级元素	–	–
13	form	定义HTML文档中的表单	是	块级元素	–	–
13	strong	定义重要文本	是	行内元素	–	–
13	font	规定文本的字体、字体尺寸、字体颜色	是	行内元素	–	–
13	a		是	行内元素	–	–
13	button		是	行内元素	–	–

块级元素有如下这些

最低0.47元/天解锁文章

WoNiu_UU

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
HTML基础

HTML语言作用：用来摆放出页面上所有需要展示的东西的。html（Hyper Text Markup Language）中文翻译为“超文本标记语言”，顾名思义她是一种语言，这种语言里面定义了N多超文本标记，用这些标记对网页中的文本、图片、视频、音频、输入框等一切内容进行描述。比如input标记就描述的是一个输入框。html之所以称为超文本标记语言，不仅是因为她通过标记描述了网页上的内容，同时...
复制链接

扫一扫