<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)相关推荐

  1. python进阶之web前端(01—HTML超文本标记语言)

    目录 01.Web前端开发介绍 1.Web前端开发概述 2.Web起源 3.Web特点 4.Web工作原理 5.URL介绍 02.HTML网页结构 1.HTML基本结构 2.HTML文档类型 3.HT ...

  2. 前端:JS/24/BOM和DOM简介,for...in循环遍历,window对象的属性和方法,延时器,定时器,screen屏幕对象,location地址栏对象,history历史记录对象

    BOM 和DOM简介 BOM ,Browser Object Model ,浏览器对象模型: BOM主要提供了访问和操作浏览器各组件的方式: 浏览器组件:window(浏览器容器), location ...

  3. html中写meta会乱码,BeautifulSoup+Unicode,该死的html乱码,尽管在meta标记中指定了字符集...

    我正在尝试解析http://www.olx.pt/carros-cat-378-p-1.通过更改url中的最后一个数字,我可以遍历页面.页面在meta标记的内容类型中指定ISO-8859-1.因此,我 ...

  4. 前端第二章:1.HTML简介、Linux 命令行打开 .html 文件、常用标签(一)

    一.HTML 简介 1.HTML 是 超文本标记语言(Hypertext Markup Language) 2.负责 网页三要素 中的 结构 3.使用标签的形式 识别 网页中不同的组成部分 4.超文本 ...

  5. 05 DIY流星观测站——相机简介

    相关系列文章 01 DIY流星观测站 02 DIY流星观测站--手把手搭建指南 03 DIY流星观测站--设备选型与采购 04 DIY流星观测站--镜头简介 05 DIY流星观测站--相机简介 相机相 ...

  6. 数字前端后端的区别、以及流程简介

    数字前端后端的区别.以及流程简介 下面转自:https://www.cnblogs.com/youngforever/p/3142483.html 前端设计(也称逻辑设计)和后端设计(也称物理设计)并 ...

  7. 浅谈IC前端后端的区别、以及流程简介

    数字前端后端的区别.以及流程简介 前端设计(也称逻辑设计)和后端设计(也称物理设计)并没有统一严格的界限,涉及到与工艺有关的设计就是后端设计. 个人理解是: 数字前端以设计架构为起点,以生成可以布局布 ...

  8. 前端要完!人工智能已经能实现自动编写 HTML 和 CSS

    本文转载自:CSDN 资讯 [编者按]一个月前,我们曾发表过一篇标题为<三年后,人工智能将彻底改变前端开发?>的文章,其中介绍了一个彼时名列 GitHub 排行榜 TOP 1 的项目 -- ...

  9. Html前端基础(select下拉选标签、table表格标签)

    文章目录 一.select 下拉选标签 二.table表格标签 三.练习代码 继续前两篇的Html前端基础的内容,本文主要关于 <select>下拉选标签和 <table>表格 ...

最新文章

  1. csvtk:高效命令行版极简dplyr
  2. 父窗口控制子窗口的行为-打开,关闭,重定位,回复
  3. wxWidgets:类型Types 示例
  4. Nagios监控lvs服务
  5. swingworker_使用SwingWorker的Java Swing中的多线程
  6. 用python怎么样实现图像二值化_使用Python+OpenCV如何实现图像二值化
  7. BugkuCTF-MISC题虎符
  8. python-pycharm控制台输出带颜色
  9. Android 透明动画实现 详细概述
  10. MATLAB对一个二维矩阵画三维图
  11. 简单易懂的snmpd.conf配置文件说明
  12. 桌面上 计算机 图标打不开怎么办,桌面图标打不开怎么办?WinXP电脑桌面图标打不开解决方法...
  13. 远程培训教程之POWERPOINT2003
  14. yalmip实用操作(1)
  15. LTO磁带机清洁准则
  16. HTML5课题意义,毕业论文选题的意义万能套话
  17. Docker与虚拟化技术浅析第一弹之docker与Kubernetes
  18. kali下载软件时出现“部分索引文件下载失败,如果忽略他们,那将转而使用旧的索引文件”
  19. 音视频处理 C语言编译器
  20. 各种优化器SGD,AdaGrad,Adam,LBFGS都做了什么?

热门文章

  1. window搭建python环境
  2. 特斯拉Model 3再次升级,将中控部分功能转移至方向盘按钮
  3. 转载:GCC 提供的原子操作
  4. so baby come on~~
  5. PB代码动态解析执行器
  6. 刚刚发现的 xaml里面颜色的定义方式
  7. HetSANN:基于注意力模型,自动挖掘异质网络语义信息 AAAI2020
  8. Python学习笔记——变量和字符串
  9. mysql慢查询面试题_头条Java岗3面入职:事务+慢查询SQL+Redis+秒杀设计面试题等
  10. Android图片的Base64编码与解码