HTML 网页开发、CSS 基础语法——三. HTML概念
1.纯文本格式
纯文本格式,就是没有任何文本修饰的,没有任何粗体,下划线,斜体,图形,符号,或者特殊字符,及特殊打印格式的文本,只保存文本,不保存其格式设置。
①格式对比
|
纯文本格式 |
富文本格式 |
|
最常见的是.txt文件。在存储和传输 过程中,只能保存文字,不能保存 格式。 |
与纯文本对应,最常见的是.rtf文件, 类似.doc文件,内部可以保存文本的 样式、图片等。 |
② 纯文本格式的特点
(1) 文件只能保存文本,不保存其他的格式或非文本内容,有利于网络传输。
(2) 所有的纯文本格式文件,可以通过直接更改扩展名的方式更改保存格式。
(3) 纯文本格式文件可以使用任意的纯文本编辑器进行查看和编辑。
注:html,css,js文件都是纯文本格式
2. HTML(超文本标记语言)
① Hypertext Markup Language:超文本标记语言。是用来制作网页的一种标记语言。
② HTML是一种纯文本,格式的文件,内部只能书写文字内容,不能添加图片,音频视频等,但是在网页中给用户呈现的效果包含了文字以外的内容,这种效果就是HTML语言区别于其他文件的不同之处。
3. HTML的重要概念
|
超文本 |
标记 |
|
是超级文本的缩写,简单来说超文 本就是用于链接另一个文本或多媒 体内容的文本,比如链接到图片、 链接、音频、视频、程序等。 |
又叫做标签(HTML tag),有特殊的 书写规范,是写给浏览器的一种语法 格式,结合普通的文字信息,实现特 殊的语义或显示内容。在编辑器中可 以编辑和查看,在浏览器中不显示。 |
4.HTML的功能
利用标记给普通的文本添加语义、描述超文本内容,搭建网页的基本结构。
5. 扩展
h1标签的作用是什么?
h1标签负责给文字添加一级标题的语义,不负责样式。
6. HTML的语义化
HTML文件中,如果没有使用特殊语义的标记,也可以实现网页显示效果,但是利用标记给普通的文字添加了不同的语义,能够让网站的结构划分更加清晰。
7. 语义化网页的优势
①方便代码的阅读和后期维护
② 便于浏览器或是网络爬虫更好地解析网站内容
③ 使用语义化标签有利于SEO搜索引擎优化,提高网站的搜索排名
HTML 网页开发、CSS 基础语法——三. HTML概念的更多相关文章
- CSS基础语法(三) CSS的6种特性
样式表常用写法及特性(组合.继承.关联性.权值性.层叠性.重要性) 1.样式的组合:把具有相同声明定义的选择符组合在一起,并用逗号隔开.-例如:段落元素p.单元格元素td和类c1可以使用相同样式: p ...
- css基础语法三
[]伪类选择器] 1.写法: 伪类选择器,在选择器后面,用:分隔,紧接伪类状态: eg : .a:link 2. 超链接的伪类状态: :link - 未访问状态 :visited - 已访问状态 :h ...
- CSS基础语法(一)
目录 CSS基础语法(一) 一.CSS简介 1.CSS语法规范 2.CSS代码风格 二.CSS基础选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 5.总结 三.CSS字体属性 ...
- 《网页设计基础——CSS常用语法》
网页设计基础--CSS常用语法 一.注释: 例如: /* 在此处书写注释 */ 二.清除浏览器默认设置: 例如: *{ /* 全局声明 */ margin: 0; padding: ...
- WEB前端开发CSS基础样式全面总结
Web前端开发css基础样式全面总结 颜色和单位的使用 颜色 用颜色的名字表示颜色,比如:red 用16进制表示演示 比如:#FF0000 用rgb数值表示颜色,rgb(红,绿,蓝),每个值都在0-2 ...
- Python 基础语法(三)
Python 基础语法(三) --------------------------------------------接 Python 基础语法(二)------------------------- ...
- CSS基础语法与选择器
CSS基础 语法 : <head> <style type="text/css"> 选择器(即修饰对象){ 修饰属性:属性值; 修饰属性:属性值; } &l ...
- Web开发——CSS基础
参考: 参考:http://css.doyoe.com/ 参考:http://www.w3school.com.cn/cssref/index.asp 参考:https://www.w3cschool ...
- css基础-语法篇
CSS基础 1.css简介 cascading style sheets 汉译层叠样式表,WEB标准中的表现标准语言,表现标准语言在网页中主要对网页信息的显示进行控制,简单说就是如何修饰网页信息 ...
随机推荐
- NOIP 模拟 $16\; \rm Lost My Music$
题解 \(by\;zj\varphi\) 一道凸包的题 设 \(\rm dep_u\) 表示节点 \(u\) 的深度,那么原式就可化为 \(-\frac{c_v-c_u}{dep_v-dep_u}\) ...
- 个人笔记-----Vue中多个router-view应用
单个 <router-view/> 和多个 <router-view/> 的区别,单个 <router-view/> 只是一个区域的变化,不需要设置name属性,在 ...
- bootstrap 冻结表格,冻结表头
需要的文件下载: bootstrap-table:https://github.com/wenzhixin/bootstrap-table bootstrap-table-fiex-column:ht ...
- Servlet学习之复习
Servlet的注册与运行(Servlet程序通常需要存储在<web应用程序目录>\WEB-INF\classes\目录中) 1.注册Servlet:在web.xml文件中,一个<s ...
- C++笔记(11) 智能指针
1. 设计思想 智能指针是行为类似于指针的类对象,但这种对象还有其他功能.首先,看下面的函数: void remodel(std::string & str) { std::string * ...
- 终于搞懂了PR曲线
PR(Precision Recall)曲线 问题 最近项目中遇到一个比较有意思的问题, 如下所示为: 图中的PR曲线很奇怪, 左边从1突然变到0. PR源码分析 为了搞清楚这个问题, 对源码进行了分 ...
- 了解Flask
了解Flask 什么是Flask Flask 是一个微框架(Micro framework),所谓微框架,它就是很轻量级的,作者划分出了Flask应该负责什么(请求路由.处理请求.返回响应).不应该负 ...
- Adaptive AUTOSAR 学习笔记 16 - 时间同步和网络管理
本系列学习笔记基于 AUTOSAR Adaptive Platform 官方文档 R20-11 版本 AUTOSAR_EXP_PlatformDesign.pdf.作者:Zijian/TENG 原文地 ...
- Pytest系列(3) - setup和teardown的详细使用
如果你还想从头学起Pytest,可以看看这个系列的文章哦! https://www.cnblogs.com/poloyy/category/1690628.html 前言 用过unittest的童鞋都 ...
- 命令行解析函数:getopt_long、getopt
一.前言 在学习一些项目代码时,尤其涉及到命令行传参的代码,经常遇到getopt相关的函数,对这一类函数可以说是既陌生又熟悉.陌生是因为不知道它是干啥的,熟悉呢,是因为经常遇到.于是乎在追踪了多天ip ...