HTML 基础

本文介绍了HTML5的基础知识,包括搭建网页结构、CSS修饰、JavaScript交互及BootStrap响应式布局。讲解了HTML标签的规范、常见标签如标题、段落、图片、超链接的使用,以及列表、字符集声明、路径类型等内容,是学习网页制作的入门指南。
摘要由CSDN通过智能技术生成

————————————————

HTML基础

1.搭建网页的结构:html5.0
2.对页面的页面元素进行修饰,比如定位等。表现(CSS
3.和页面的元素进行交互。行为(javascript,jQuery
4.BootStrap(前段框架)—响应式布局
1、 文件夹、文件命名规则:由英文字母、数字、下划线共同组成,数字不能开头,不能使用汉字作为文件名
我们书写标签的时候尽量以严格的方式来书写
1)有结束标签的必须加结束标签
2)标签名尽量用小写
3)属性值必须加单引号或双引号
4)实现标签的正确嵌套
2、 https://www.runoob.com/菜鸟教程
3、HTML默认首页可以命名为:index或者default
4、HTML静态文件后缀名:.html或者.htm
5、HTML(HyperText Markup Language):超文本标记语言
注意:HTML不属于编程语言,而是制作网页的基础语言,主要用于描述超文本中内容的显示方式
6、HTML5版本声明:<!DOCTYPE html>
作用:用于告知浏览器使用哪个版本的HTML或XHTML规范
位置:<!DOCTYPE html>必须放在html文档的首行,且放置于标签之前
注意:<!DOCTYPE html>不属于html标签,就是一条声明语句
7、字符集声明标签:<meta charset=”UTF-8”/>
该标签放置于<head>标签内

<head> 
<meta charset=”UTF-8”/>   <!--【正常都是用UTF-8,国际编码】-->
</head>

注意:简体中文编码:<meta charset=”GB2312/GB2313”/>
8.

 <!--网页呈现的内容-->
<h1>主页内容</h1>
</body><!--删了不影响  会自动添加  不严谨规范   但是title不可以省略 -->

13、HTML基本骨架

<html>
<head>
    <meta charset=”UTF-8”/>
    <title>文档标题</title>
</head>
<body>主体【页面所有可视部分】</body>
</html>

注意:html标签是head和body的父级元素,head和body标签是html标签的子元素
14、标签可以嵌套,但不允许交叉
<head><title></title></head>【标签嵌套】对
<head><title></head></title>【标签交叉】错
15、HTML标签不区分大小写:即<html><HTML><Html>并无区别
16、HTML注释一段内容时使用“<!--”开始,以"-->"结束&#x

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值