前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记
html:超文本标记语言(非编程语言)
B/S网络结构
B/S : Browser/Server 浏览器/服务器,这是流行的网络模式。
C/S :Client/Server 客户端/服务器端。最关键的是要在电脑上安装客户端软件,通过客户端访问服务器。如:QQ
超文本标注语言html
html是一种规范,是一种标准,编写网页的一种标准。
超文本:就是网页上不光有文本,还有图片,音乐,视频。
标注:是一种记号,是一种标志,如:红绿灯
html的主要目的:就是用来显示网页的不同效果,不同部分,如:<h>文本</h>
html文件结构
<html>
<head>
<title>**首页</title>
</head>
<body>
网页正文…
</body>
</html>
html文件结构的说明:
<html></html> 标记的含义:告诉浏览器,其中的代码用什么格式(图片,视频)来编译。
<head></head> 标记的含义:告诉浏览器,网页中的汉字用什么字符集(GB2312,BIG5,JIS)显示。不使用正确的字符集,网页会出现乱码。GB2312(简体中文)(繁体中文),JIS(日文)utf-8(多国语言)。
<body></body> 是网页主要内容的显示区域,网页中99%的内容必须放在<body>中,最终浏览器翻译以后,才能看得见结果。
##### <title></title>中只能是纯文本,如果加标记,任何标记都不会生效
html标签格式
html标记 ,大致分两类:双边标记和单边标记。
双边标记 :是指有开始和结束标记,内容放在结束标记之间,如:
<b>内容</b>
语法格式:<标签 属性1 =“值” 属性2 =“值” … 属性n =“值”>内容</标签>
例:<font size=“7” color=“blue” face=“楷体”>iphone xs max </font>
单边标记:只有开始标记,而没有结束标记,单边标记一般是没有内容。如:<br> 换行标记
单边标记一般起一个特殊的功能。
单边标记常用的有10多个
语法格式:<标签 属性1 =“值” 属性2 =“值” … 属性n =“值”>
<body>中的常用标记
<body>的常用属性:
bgColor :网页背景色,如:<body bgColor=“red”>
background :网页背景图,如:<body background=“images/p1.jpg”(相对路径)
html文本修饰标记
<b></b> :仅加粗(bold),无其它属性,以下标记都不加属性
<i></i> :斜体(italic)
<u></u> : 下划线(underline)
<s></s> :删除线(strike)
<sup></sup> :上标 <sub></sub> :下标
例:<font size=“7” color=“blue”>a<sup>2</sup> +b<sub>2</sub>=25</font>
在浏览器中的显示效果如下:
a2+b2=25
<font></font> :字体标记
Size :文本大小,取值1-7,字逐渐变大
color :颜色值
face :字体(楷体,黑体, )
例:<font size=“7” color=“yellow” face=“楷体”>暗音</font>
练习:
赠汪伦-李白
李白乘舟将欲行,
忽闻岸上跳歌声。
桃花潭水深千尺,
不及汪伦送我情。
求二元二次方程式a2+b2=25的解
**中文操作系统的默认字符集就是gb2312(简体中文)**如:记事本