HTML 基础

HTML 基础

       

1.HTML 基本结构

2.HTML 常用的基础标签

3.HTML 元素

4.HTML 属性与值

5.HTML 图片标签

6.HTML 注释

7.HTML 语义化


一.HTML 基本结构

标签的语法

1. 标签由英文尖括号<和>括起来,如就是一个标签。

2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。

<标签名>内容

3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致。

<标签名1> <标签名2>

4. HTML标签不区分大小写,

是一样的,但建议小写,因为大部分程序员都以小写为准。 (标准与习惯)




二. HTML 常用的基础标签


html结构:


1.html是根标签所有网页标签都要写在html里。

2.head定义文档的头部,它是所有头部元素的容器。

3.body它的内容是网页的主体。


三. HTML 常用的基础标签


1.标题标签(n为1-6) 

2.段落标签


3.换行标签

4.水平线标签


 


5.无语义标签 


四. HTML元素


HTML 元素指的是从开始标签到结束标签的所有代码。 

开始标签 *元素内容结束标签 *


这是一个段落


 

HTML 元素以开始标签起始,以结束标签终止 

元素的内容是开始标签与结束标签之间的内容

某些 HTML 元素具有空内容(empty content)

空元素在开始标签中进行关闭(以开始标签的结束而结束)

大多数 HTML 元素可拥有属性


五. HTML属性与值



属性是 HTML 元素提供的附加信息。 

属性一般描述于开始标签

属性总是以名称/值的形式出现

属性值应该始终被包括在引号内。 

比如:<标签名>

属性描述

class 为html元素定义一个或多个类名 

Id定义元素的唯一id 

style 规定元素的行内样式(inline style) 

title 描述了元素的额外信息 


六. HTML 图片标签


图片标签

绝对路径:带有盘符的文件路径D:***.jpg

相对路径:3种路径规则

1.图片和网页在同级目录下src=“文件名”

2.图片在网页的下一级src=“目录名称/文件名”

3.图片在网页的上一级src=“../文件名”



七. HTML 注释


    什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。 

语法: 

 


八. HTML 语义化


语义化: 

明白每个标签的用途(在什么情况下使用此标签合理)比如,网页上文章的标题就可以用标题标签 


好处:

1. 更容易被搜索引擎收录。

2. 更容易让屏幕阅读器读出网页内容。


九.总结


一. 标签的语法  <标签名><标签名>

二. 基础标签  


 
 


 

三. HTML元素 开始标签到结束标签的所有代码

四. HTML属性与值元素的附加信息

五. HTML 注释  

六. HTML 语义化语义 = 意义语义标签定义了元素内容是什么意义



作者ps:有想学习web前端技术可以加我的qq,微信,微博,贴吧等!欢迎收藏!世界不毁灭我们不放假!


追梦猪网站致力于前端分享申明:本站内容搜集整理而来请勿商业用途,仅供交流所用,如若侵犯您的权益请邮件站长进行删除!

文明浏览请勿传播非法内容