HTML+CSS基础入门-第一天(HTML-HTML语法)
来源:互联网 发布:前端页面性能优化方法 编辑:程序博客网 时间:2024/05/16 17:39
本博客为线上学习某课程笔记,供参考,供学习
什么是HTML标记语言?
表示网页信息的符号标记语言。
开发工具
自带笔记本 等编辑器 我这里用:NotePad++
HTML语言特点。
- 可以设置文本的格式,比如标题,字号,文本颜色,段落等等。
- 可以创建列表
- 可以插入图像和媒体
- 可以建立表格
- 超链接,可以使用鼠标点击超链接来实现页面之间的跳转
HTML的标记和他的属性
- HTML文档的保存格式: .html .htm .xhtml
标记和被标记的内容构建出HTML文档
格式:<标记> 内容</标记>
例如:在编辑器中写下以下代码 保存为.html文件
<html> <body> Hello word! </body></html>
在浏览器中打开此文件可看网页中出现1-1,咱们写了第一个程序,有点小激动。
- 标记的属性
标记的属性就是用来控制我们的内容(图像,文本等的)如何显示
格式:
<标记 属性1=属性值 属性2=属性值 .......> 内容</标记>
例如
<html> <body bgcolor="red"> Hello word! </body></html>
在浏览器中打开此文件可看网页中出现1-2,可见背景变成了红色,也就是说”bgcolor”这个属性是标记背景颜色的,大家可以换个颜色试试。
语法不区分字母大小写
” <HTML> <Html> <html> ” 都是定义相同的标记,但是在编写网页的时候尽量使用小写
文档注释
例如
<html> <body > 我是显示出来的语言 <!--我是不会被显示出来的语言--> </body></html>
大家可自行到网页上查看效果
代码格式
空格键和回车键在网页中不会起到任何作用,我们为了让代码清晰易读,可以使用空格和回车键进行编排
注意:缩进时保持严格的规则,以“tap”键进行缩进
字符实体
什么是字符实体
比如我们想在网页上显示一个”<”小于符号,但是”<”在HTML中是文档标记的开始语言,如果我们直接用”<”会出错,所以我们就会用一些实体名称来代替.
例如:
<html> <body > < 我是显示出来的语言 <!--我是不会被显示出来的语言--> </body></html>
浏览器显示结果为
常见的字符实体
0 0
- HTML+CSS基础入门-第一天(HTML-HTML语法)
- HTML+CSS基础入门-第七天(HTML-HTML框架)
- HTML+CSS基础入门-第五天(HTML-超链接)
- HTML+CSS基础入门-第八天(HTML-表单)
- HTML第一天入门
- html基础第一天
- HTML+CSS基础语法
- HTML+CSS基础入门-第九天(CSS-使用方式)
- Html+Css学习第一天
- 第一天:代码入门、HTML语法基础及文档类标签
- html基础学习第一天
- HTML语法大全 html入门基础标签
- 【HTML+CSS】(1)基础语法
- html/css入门第一篇
- HTML+CSS基础入门-第三天上(HTML-格式标记)
- HTML+CSS基础入门-第三天下(HTML-文本标记)
- HTML+CSS基础入门-第四天(HTML-图片标记)
- HTML+CSS基础入门-第六天(HTML-表格)
- 商业智能在零售业中的应用
- Java垃圾回收机制知识点总结
- 选中点击项和样式的移入移除
- 安装mysql提示This application requires .NET framework 4.0
- sdk不能下载
- HTML+CSS基础入门-第一天(HTML-HTML语法)
- VC ++ 注册DLL
- 条款1 视c++为一个语言联邦(如何理解c++)
- Shell——Date日期处理【一】、获取指定日期几天后的日期
- Mysql --->Oracle的数据迁移
- memcached-内存存储原理
- linux下查看进程运行的时间
- Android中仿淘宝头条,自定义控件,向上滚动
- BZOJ 1023 [SCOI2009]生日快乐