博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
「收藏」HTML笔记-持续更新中
阅读量:2147 次
发布时间:2019-04-30

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

「收藏」HTML笔记-持续更新中

浏览器:推荐Google Chrome

编辑器:推荐Visual Studio Code、Sublime Text

一个练习用的平台:codepen.io

零、什么是HTML

  • 超文本标记语言
  • 不是编程语言
  • 告诉浏览器如何构造网页

一、文本间的区别

HTML-超文本语言

word-富文本

记事本-纯文本

注意:HTML的后缀一定改成html

二、html框架以及简要说明

以下的 标签表示注释

浏览器会不会解析注释,注释是方便人看的

这是标题

这是一级标题

这是二级标题

这是段落

三、标签的具体解释

 

该标签给浏览器声明我们用的是html5

在html5中对这样的声明进行了简化


 

html根标签(不能少)

在html标签中,可以设置网页的语言,例如上面的lang=“ch”,表示设置网页的语言为中文


 

head标签是给浏览器看的

body标签时主体,所有可见的内容都放在body里面

绝大多树标签都是有开始有结束的,例如上面的框架中的head,body,h1,p等等标签,当然也有一些特例叫做自结束标签,不需要有结束标签,例如,input,img等等标签


注释标签,不希望用户看到,只有开发者可以看到,注释应该简介明了,将不希望显示的内容隐藏,可以和C的注释类比

注释中的内容会被浏览器忽略,不会在网页中直接显示,可以在源码中查看注释

并且,注释不能嵌套,注释里不能再写注释


meta标签

通过meta标签可以设置该网页的字符集,从而避免乱码的问题

四、标签的属性

fond标签

h1,h2,p等一些标签的属性 size 大小 color颜色

这是标题

效果:

这是标题

font需要有结束标签

但是不建议来修改样式,为了和css分工更明确,尽量避免在html中修改样式


转载地址:http://ndzwb.baihongyu.com/

你可能感兴趣的文章
云原生 第十三章 Kubernetes网络概念及策略控制
查看>>
《redis设计与实现》 第一部分:数据结构与对象 || 读书笔记
查看>>
《redis设计与实现》 第二部分(第9-11章):单机数据库的实现
查看>>
算法工程师 面经2019年5月
查看>>
搜索架构师 一面面经2019年6月
查看>>
稻草人手记
查看>>
第一次kaggle比赛 回顾篇
查看>>
leetcode 50. Pow(x, n)
查看>>
leetcode 130. Surrounded Regions
查看>>
【托业】【全真题库】TEST2-语法题
查看>>
博客文格式优化
查看>>
【托业】【新托业全真模拟】疑难语法题知识点总结(01~05)
查看>>
【SQL】group by 和order by 的区别。
查看>>
【Python】详解Python多线程Selenium跨浏览器测试
查看>>
Jmeter之参数化
查看>>
Shell 和Python的区别。
查看>>
Python 列表(list)、字典(dict)、字符串(string)常用基本操作小结
查看>>
Loadrunner之https协议录制回放报错如何解决?(九)
查看>>
python中xrange和range的异同
查看>>
列表、元组、集合、字典
查看>>