小测试的HTML介绍(个人角度)

之前对HTML的理解:HTML主要是标签组成,一对标签组成一个位置,在响应的位置内填写对应的内容。

1.编译工具
  • HTML需要编译工具?txt文档改后缀双击运行。
  • 了解前端了一下前端,然后发现自己之前用的工具IDEA就可以,写Java,Python,现在还能写前端,美滋滋。。。
2.HTML是什么
  • 官方名字:超文本标记语言(HyperText Mark-up Language ),超文本:带有超链接的文本,标记:使用标签在网页上标记资源的位置
  • 作用:用来设计网页的标记语言
  • 文件后缀 .html或 .htm为后缀
  • 执行方式:由浏览器解释执行
  • 经验:
  •   不区分大小写,建议小写
    
  •   标签是成对出现的(大部分)
    
  •   通过标签来标记数据,不同的数据使用不同的标签
    
HTML示例
HTML中代码的注释:<!--注释内容-->
<!DOCTYPE html>
<html lang="en"><!--HTML的开始-->
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

</body>
</html>
HTML标签
上面代码中的:
<html></html>
<head></head>
<title></title>
<body></body>
  • HTML用于描述功能的符号成为“标签”
  • 标签都封装在一对尖括号“<…>”之中,如就是一个标签
  • 封闭类型标记(也叫双标记),必须成对出现,如

  • 非封闭类型标记,也叫作空标记,或者单标记,如
HTML元素
指的是从开始标签(start tag)到结束标签(end tag)的所有代码
<title>Title</title><!--Title-->
  • HTML 元素以开始标签起始
  • HTML 元素以结束标签终止
  • 元素的内容是开始标签与结束标签之间的内容
  • 某些 HTML 元素具有空内容(empty content)
  • 空元素在开始标签中进行关闭(以开始标签的结束而结束)
  • 大多数 HTML 元素可拥有属性
HTML属性与值
<html lang="en"><!--lang是HTML的属性,en是lang属性的值-->
</html>
  • 1.属性是用来修饰元素的
    • 属性必须位于开始标签里
    • 一个元素的属性可能不止一个,多个属性之间用空格隔开
    • 多个属性之间不区分先后顺序
  • 2.每个属性都有值
    • 属性和属性的值之间用等号链接
    • 属性的值包含在引号当中
    • 属性总是以名称/值对的形式出现
常用标签
<p></p><!--段落标签-->
<h1></h1><!--段落标签(h1表示第一段落  一般是h1到h6)-->
</br><!--换行标签-->
<hr/><!--水平线标签-->
<span></span><!--无语义标签-->
<img></img>
    1.使用<img>元素将图像添加到页面
    2.必须属性:src(存储图像的位置)
    3.常用属性:width,height,alt,title
    <img src="URL" width="300" alt=”替换文本属性”/>
    title定义了鼠标经过图片时显示的内容,搜索引擎抓取图片时,是根据title定义的内容来分析图片是什么的
    alt当图片未能正常显示时,用于给用户的提示信息

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值