前端:HTML/05/lt;meta标记,XHTML简介及其编写规范,表格标签(lt;table)及其相关标签(lt;tr,lt;td或lt;th)
<meta>标记
<meta>的主要作用,是提供网页的元信息,如:指定网页的搜索关键字
两个属性:http-equlv和name;
1,http-equiv属性:模拟http协议文件头信息,告诉浏览器如何正确显示网页内容;
http-equiv属性一般都与content属性配合使用,Content属性指定信息的详细参数;
设置网页的字符集
<meta http-equiv=“Content-Type” content="content=“text/html:charset=utf-8”/>
设置了网页的字符集为utf-8
网页自动刷新
<meta http-equiv=“refresh” content=“2”> //每隔2秒自动刷新一次
<meta http-equiv=“refresh” content=“2;url=https://www.baidu.com/”> //2秒后,跳转到百度
name 属性
主要用于设置网页的搜索关键字,版权信息,作者等。
设置网页搜索关键字
<meta name=“keywords” content=“网站建设,企业网站建设,网站制作,网上商城,网站推广,域名注册,中企动力”/>
设置网页描述信息
XHTML简介
传统的HTML开发的初衷是面向pc机的,而随移动终端的不断出现,HTML已经满足不了
场的需求了
XHTML是新一代的HTML语言;其目的就是为了取代HTML;XHTML的标记与HTML非常相似;但XHTML的语法要比HTML严格(比如要求标记和属性全部小写);
XHTML:可扩展超文本标注语言
XHTML编写规范
所有的标记和属性全要小写
单边标记必须关闭;如:<br>要写成<br/>
所有的属性都必须加引号("")
所有的属性必须有值;如:<hr noshade>要写成<hr noshade=“noshade” />
标记之间要顺序嵌套,外层套内层,一层套一层;
XHTML网页必须要有DTD文档类型定义代码。
DTD文档类型定义
目的:作为一种验证机制,也就是检验网页中写的XHTML标记语法是否合法且一般放在XHTML文档顶部。
DTD一共有三大类型:
1,严格型的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
2,过渡型的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
3,框架的DTD
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Frameset//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd”>
表格标签<table>(块元素)
表格的结构:两行四列的表格如下(单元格不可缺少,即表格要完整)
<table>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
<table>的属性(表格标记)
width:表格宽度,单位可以是百分比,也可以是固定值;
height:表格高度
align :表格的水平对齐方式,取值:left,center,right ;
border :边框粗细;
bordercolor :边框颜色;
bgcolor :表格背景色;
background :背景图片URL;
cellpadding :单元格边线到内容的距离(填充距离)
cellspacing :单元格与单元格之间的距离(间距)
rules :合并单元格边框线(兼容性不好,一般使用css去合并),取值:all
<tr>属性(行标记)
bgcolor :行的背景色
height :行的高度(行只有高度可以设置,宽度由表格决定)
align :行中的文本水平对齐方式,取值:left,center,right
valign :垂直居中,取值:top(上),middle(中),bottom(下)
<td>或<th>属性(单元格标记)
<td>是普通单元格,<th是标题单元格,且自动居中加粗显示;
width(宽),height(高),align(水平对齐),bgcolor(背景色),background(背景图片),valign(垂直对齐),
rowspan :上下单元格合并,合并属性必须放在第一个单元格中,被合并的单元格需删除,使得列中的单元格总数保持不变,单位:个;
colspan :左右单元格合并,合并属性必须放在第一个单元格中,被合并的单元格需删除,使得行中的单元格总数保持不变,单位:个;
@沉木
前端:HTML/05/lt;meta标记,XHTML简介及其编写规范,表格标签(lt;table)及其相关标签(lt;tr,lt;td或lt;th)相关推荐
- python进阶之web前端(01—HTML超文本标记语言)
目录 01.Web前端开发介绍 1.Web前端开发概述 2.Web起源 3.Web特点 4.Web工作原理 5.URL介绍 02.HTML网页结构 1.HTML基本结构 2.HTML文档类型 3.HT ...
- 前端:JS/24/BOM和DOM简介,for...in循环遍历,window对象的属性和方法,延时器,定时器,screen屏幕对象,location地址栏对象,history历史记录对象
BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...
- html中写meta会乱码,BeautifulSoup+Unicode,该死的html乱码,尽管在meta标记中指定了字符集...
我正在尝试解析http://www.olx.pt/carros-cat-378-p-1.通过更改url中的最后一个数字,我可以遍历页面.页面在meta标记的内容类型中指定ISO-8859-1.因此,我 ...
- 前端第二章:1.HTML简介、Linux 命令行打开 .html 文件、常用标签(一)
一.HTML 简介 1.HTML 是 超文本标记语言(Hypertext Markup Language) 2.负责 网页三要素 中的 结构 3.使用标签的形式 识别 网页中不同的组成部分 4.超文本 ...
- 05 DIY流星观测站——相机简介
相关系列文章 01 DIY流星观测站 02 DIY流星观测站--手把手搭建指南 03 DIY流星观测站--设备选型与采购 04 DIY流星观测站--镜头简介 05 DIY流星观测站--相机简介 相机相 ...
- 数字前端后端的区别、以及流程简介
数字前端后端的区别.以及流程简介 下面转自:https://www.cnblogs.com/youngforever/p/3142483.html 前端设计(也称逻辑设计)和后端设计(也称物理设计)并 ...
- 浅谈IC前端后端的区别、以及流程简介
数字前端后端的区别.以及流程简介 前端设计(也称逻辑设计)和后端设计(也称物理设计)并没有统一严格的界限,涉及到与工艺有关的设计就是后端设计. 个人理解是: 数字前端以设计架构为起点,以生成可以布局布 ...
- 前端要完!人工智能已经能实现自动编写 HTML 和 CSS
本文转载自:CSDN 资讯 [编者按]一个月前,我们曾发表过一篇标题为<三年后,人工智能将彻底改变前端开发?>的文章,其中介绍了一个彼时名列 GitHub 排行榜 TOP 1 的项目 -- ...
- Html前端基础(select下拉选标签、table表格标签)
文章目录 一.select 下拉选标签 二.table表格标签 三.练习代码 继续前两篇的Html前端基础的内容,本文主要关于 <select>下拉选标签和 <table>表格 ...
最新文章
- csvtk:高效命令行版极简dplyr
- 父窗口控制子窗口的行为-打开,关闭,重定位,回复
- wxWidgets:类型Types 示例
- Nagios监控lvs服务
- swingworker_使用SwingWorker的Java Swing中的多线程
- 用python怎么样实现图像二值化_使用Python+OpenCV如何实现图像二值化
- BugkuCTF-MISC题虎符
- python-pycharm控制台输出带颜色
- Android 透明动画实现 详细概述
- MATLAB对一个二维矩阵画三维图
- 简单易懂的snmpd.conf配置文件说明
- 桌面上 计算机 图标打不开怎么办,桌面图标打不开怎么办?WinXP电脑桌面图标打不开解决方法...
- 远程培训教程之POWERPOINT2003
- yalmip实用操作(1)
- LTO磁带机清洁准则
- HTML5课题意义,毕业论文选题的意义万能套话
- Docker与虚拟化技术浅析第一弹之docker与Kubernetes
- kali下载软件时出现“部分索引文件下载失败,如果忽略他们,那将转而使用旧的索引文件”
- 音视频处理 C语言编译器
- 各种优化器SGD,AdaGrad,Adam,LBFGS都做了什么?