html--常见标签( 基础标签 和 table、列表)

HTML--(Hyper Text Markup Language) 超文本标记语言,web浏览器的作用是读取HTML文档,并以网页的形式来进行显示,浏览器不会显示标签,而是来解释标签的内容信息

标准的HTML页面里面的标签有<html>、<head>、<meta charset="UTF-8">、<title>、<body>   ---(文件标签)

新建html文件夹,头部会出现 <!DOCTYPE html> 这是表示HTML5的版本,<html>是根标签,整个网页有且仅有一对;<head>是网页头部,定义页面的全局信息,里面有<meta charset="UTF-8">和<title>标签;其中<meta charset="UTF-8"> 中的charset是属性--指的是编码格式,UTF-8是属性值--万国码,设置成UTF-8是为了防止乱码;其中meta中个属性为keyword(关键字),方便搜索引擎搜索;<title>标签是表示在打开网页是网页的标签名;<body>标签是页面的内容主体部分。

HTML中常用的标签一般是分两种:封闭式标签    非封闭式标签

常用的非封闭式标签:<hr/>(横线、独占一行)、<br/>(换行标签)、<img />等

常用的封闭式标签:在上面的标准的HTML页面里面的标签大都是封闭式标签,成双出现,以及<div></div>、<span></span>、<a></a>等

还有一些常用的特殊标签:&lt;<小于号   &gt;>大于号   &nbsp;  英文空格   &emsp;  中文空格    &copy;   版权符号©  &yen;   ¥人民币符号    等..

文本标签:<b>(加粗)、<i>(斜体)、<u>(下划线)、<s>(删除线)、<sup>(上标)、<sub>(下标)

标题标签:<h1></h1>(独占一行,其中是 从 h1--h6 字号 由大到小,标题标签是 语义化标签,搜索引擎能够良好的搜索)

排版标签:<p>(段落标签)、<br/>(换行功能)、<hr/>(生成一条水平线 其中有align、size、width、color等常用属性)

块标签:div 、span等是没有语义的标签,是网页布局中主要的两个盒子

行内元素和块级元素

           块级元素:独占一行,都具有 align (对齐方式)属性  宽度默认和父级元素同宽,高度由内容决定(常见的有<div>、<p>、<h1>等)

           行内元素:宽高默认由内容决定,不会换行,无法设置对齐方式,默认无法设置宽高(常见的有 <a>、<span>、<input>等)

表格:<table>(里面常用的属性:align、border、cellspacing【表格之间的间隙】、cellpadding【内容与表格边框的距离】、width、等)、<tr>(行标签 常用属性:align、width)、<th>(首列,默认居中和加粗)、<td>(表示一列,默认居左  常用属性:bgcolor、colspan【列合并】、rowspan【行合并】)、<caption>(用于定义表格标题   默认居中与表格之上,并且必须紧跟在table之后,一个表格之中最多出现一次)

【表格中一般分成三个部分<thead>、<tbody>、<tfoot>  这样的划分对浏览器很友好,也有利于之后的JavaScript的操作】

 

列表:分为三种    (常用的为无序列表ul-li)

  •  有序列表:<ol>(表示一个有序列表  常用属性:type)、<li>(表示一个列表项   独占一行)
  •  无序列表:<ul>(表示一个无序列表  常用属性:type)、<li>(表示一个列表项   独占一行)
  •  自定义列表:<dl>(表示一个自定义列表)、<dt>、<dd>

 

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值