博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页开发(HTML 基础)
阅读量:6294 次
发布时间:2019-06-22

本文共 1986 字,大约阅读时间需要 6 分钟。

网页的标准是W3C,目前模式是HTML、CSS和JavaScript。

HTML,全称“Hyper Text Markup Language(超文本标记语言)”,简单来说,网页就是用HTML语言制作的。HTML是一门描述性语言,是一门非常容易入门的语言
CSS,全称“(层叠样式表)”。以后我们在别的地方看到“层叠样式表”、“CSS样式”,指的就是CSS HTML是网页的结构,CSS是网页的外观,而JavaScript是页面的行为

HTML 标签

1. 在HTML中规定标签使用英文的的尖括号即`<`和`>`包起来,如``、`

`都是标签。 2. HTML中标签**通常**都是成对出现的,分为开始标签和结束标签,结束标签比开始标签多了一个`/`,如`

标签内容

`和`
标签内容
`。开始标签和结束标签之间的就是标签的内容。 3. 标签之间是可以嵌套的。例如:div标签里面嵌套p标签的话,那么`

`必须放在``的前面。 4. HTML标签不区分大小写,`

`和`

`是一样的,但是我们通常建议使用小写,因为大部分程序员都以小写为准。

    
Title

<!DOCTYPE HTML>是文档声明,必须写在HTML文档的第一行,位于<html>标签之前,表明该文档是HTML5文档。

  1. <html></html> 称为根标签,所有的网页标签都在<html></html>中。
  2. <head></head> 标签用于定义文档的头部,它是所有头部元素的容器。常见的头部元素有<title><script><style><link><meta>等标签,头部标签在下一节中会有详细介绍。
  3. <body></body>标签之间的内容是网页的主要内容,如<h1><p><a><img>等网页内容标签,在<body>标签中的内容(图中淡绿色部分内容)最终会在浏览器中显示出来。

HTML文档包含了HTML标签及文本内容,不同的标签在浏览器上会显示出不同的效果,所以我们需要记住最常见的标签的特性

 

head标签

 

我们首先来介绍一下head标签的主要内容和作用,文档的头部描述了文档的各种属性和信息,包括文档的标题、编码方式及URL等信息,这些信息大部分是用于提供索引,辩认或其他方面的应用(移动端)的等。 以下标签是可以用在head标签中的:

 
    标题信息    
 

title标签

<title>标签:在<title></title>标签之间的文字内容是网页的标题信息,它会显示在浏览器标签页的标题栏中。可以把它看成是一个网页的标题。主要用来告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出当前网页的主题。t

            蒂法        

 

 

meta标签

 

Meta标签介绍:

 

元素可提供有关页面的原信息(mata-information),针对搜索引擎和更新频度的描述和关键词。

 

标签位于文档的头部,不包含任何内容。

 

提供的信息是用户不可见的。 meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。

 

常用的meta标签:

 
  1. http-equiv属性
 

它用来向浏览器传达一些有用的信息,帮助浏览器正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。

 
 
 
  1. name属性

主要用于页面的关键字和描述,是写给搜索引擎看的,关键字可以有多个用 ‘,’号隔开,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

 

其他标签

路飞学城
 

 

 

 

testHTML
    
蒂法

海燕

在苍茫的大海上,

狂风卷集着乌云。

在乌云和大海之间,

海燕像黑色的闪电,

在高傲地飞翔。

一级标题

二级标题

三级标题

四级标题

五级标题
六级标题
 

 

 

转载于:https://www.cnblogs.com/mjiu/p/9149802.html

你可能感兴趣的文章
最长回文子串问题
查看>>
SpringBoot配置属性之MQ
查看>>
0x01 念念Python,必有回响
查看>>
Vim实战指南(一):基础编辑命令
查看>>
学习 PHP SOAP 扩展的一些笔记
查看>>
PHP SOAP 扩展的使用
查看>>
CSS基础篇--css reset重置样式有那么重要吗?
查看>>
为 UWP 应用提供的 .NET 网络 API
查看>>
图书馆自动化系统 Evergreen 3.3 发布,迁移到 Angular
查看>>
kube-proxy源码解析
查看>>
SQL优化--inner、left join替换in、not in、except
查看>>
如何用纯 CSS 创作气泡填色的按钮特效
查看>>
IM热门功能讨论:为什么微信里没有消息“已读”功能? ...
查看>>
实现滑动菜单(富文本版本)
查看>>
Python入门
查看>>
8Manage:企业管理软件要通用型还是定制开发?
查看>>
吴恩达朋友圈宣布“喜讯”:AI专家王冬岩加入Landing AI ...
查看>>
乐行科技获1.08亿元A轮融资,并推出艾特好车
查看>>
云计算,能回答地球最终流浪到哪里吗?
查看>>
Oracle三级联动单表地址数据
查看>>