学习记录之——html/css(一)

#一、语言

 font-size:10px;              字体大小
 color:red;                      字体颜色
 text-align:left;              字体位置

(left(左对齐)、center(居中对齐)、right(右对齐)、justify(两端对齐))

<h1>hello world!</h1>   加入文字,标签

标签可以嵌套

如:<div><p>此处是标签内容</p></div>

#二、html标签结构

1、<!DOCTYPE html>:文档类型声明,表示该文件为 HTML5文件,一般位于html文件的第一行

2、<html></html>标签对,<html>位于html文件的最前面,标志着html文档的开始;</html>位于html文件的最后面,标志着html文档的结束

3、<head></head>标签对,<head> 标签用于定义文档的头部,它是所有头部元素的容器。这些标签可用在 head 部分:<base><link><meta><script><style>, 以及 <title>

4、<body></body>标签对:它是HTML文档的主体部分,包含文档所有内容,比如文本、超链接、图像、表格和列表等

5、注释语法  <!-- 注释文字-->

6、我们学习网页制作时,常常会听到一个词,语义化

语义化:明白每个标签的用途,让标签各司其职

好处:1.更容易被搜索引擎收录。

          2.更容易让屏幕阅读器读出网页内容

7、<p>段落文本</p>,段落标签,有几段文字就需要几个段落标签,段落标签需放在body标签内。

8、<span> 标签。            <style>span{ 特殊样式的内容  }</style>   放在<head>中

9、<hx>标题文本</hx> (x为1-6)。        用作文章的标题,并且样式都会 加粗 

<h1>是最高等级的标题,字体最大。样式表现为:<body>隔行<h1>一级标题</h1>隔行</body>

10、<div></div>标签。  在网页制作过程过中,可以把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。

11、<header>我是头部标签</header>。    头部标签
       <footer>我是底部标签</footer>。         底部标签

       <section> 标签定义文档中的节(section、区段)。比如章节、页眉、页脚或文档中的其他部分

      <aside>我是侧边栏</ aside>        侧边栏标签

以上四个标签都在body标签中

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值