前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记

前端基础:html基础(css基础和JavaScript基础)/01/B/S网络结构,html文件结构,html标签格式,<body>中的一些常用标记

html:超文本标记语言(非编程语言)
1

B/S网络结构

B/S : Browser/Server 浏览器/服务器,这是流行的网络模式。
C/S :Client/Server 客户端/服务器端。最关键的是要在电脑上安装客户端软件,通过客户端访问服务器。如:QQ

2
超文本标注语言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(简体中文)**如:记事本

@沉木

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值