博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML学习
阅读量:6035 次
发布时间:2019-06-20

本文共 2588 字,大约阅读时间需要 8 分钟。

hot3.png

p

HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码HTML  标签元素在所有 HTML/XHTML 文档中都是必需的。title 元素能够:定义浏览器工具栏中的标题提供页面被添加到收藏夹时显示的标题显示在搜索引擎结果中的页面标题HTML  元素 标签为页面上的所有链接规定默认地址或默认目标(target):HTML 
元素
标签定义文档与外部资源之间的关系。
标签最常用于连接样式表:
HTML

This is a heading

This is a paragraph.

This is a linkVisit W3School!如果把链接的 target 属性设置为 "_blank",该链接会在新窗口中打开。空元素 开始标签与介绍标签一体
Big Boat当加载图片失败时显示alt指定的文字添加背景图片

图像 居中显示

HTML 标签对大小写不敏感:

等同于

。许多网站都使用大写的 HTML 标签。但是推荐使用小写始终为属性值加双引号,属性本身含有双引号则使用单引号。标题(Heading)是通过

-

等标签进行定义的。浏览器会自动地在标题的前后添加空行。请确保将 HTML heading 标签只用于标题。搜索引擎使用标题为您的网页的结构和内容编制索引。

标签在 HTML 页面中创建水平线。
如果您希望在不产生一个新段落的情况下进行换行(新行),请使用
标签

This is

a para
graph with line breaks

浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。style 属性提供了一种改变所有 HTML 元素的样式的通用方法,用style替代部分旧标签font-family、color 、 font-size 、text-align 分号隔开

A paragraph.

etc.在某些浏览器中,当您把鼠标移至缩略词语上时,title 可用于展示表达的完整版本。文字上加删除线

一打有 二十 十二 件。

元素定义短的引用,浏览器通常会为 元素包围引号。
元素定义被引用的节,浏览器通常会对
元素进行缩进处理。
元素定义文档或文章的联系信息(作者/拥有者)。此元素通常以斜体显示。大多数浏览器会在此元素前后添加折行。
 元素中包围代码段,能按空格输出,正常显示代码。否则连续输出。

外部样式表

当样式需要被应用到很多页面的时候,外部样式表将是理想的选择。使用外部样式表,你就可以通过更改一个文件来改变整个站点的外观。

内部样式表

当单个文件需要特别样式时,就可以使用内部样式表。你可以在 head 部分通过 <style> 标签定义内部样式表。

内联样式

当特殊的样式需要应用到个别元素时,就可以使用内联样式。 使用内联样式的方法是在相关的标签中使用样式属性。样式属性可以包含任何 CSS 属性。以下实例显示出如何改变段落的颜色和左外边距。

This is a paragraph

当使用命名锚(named anchors)时,我们可以创建直接跳至该命名锚(比如页面中某个小节)的链接,这样使用者就无需不停地滚动页面来寻找他们需要的信息了。

命名锚的语法:

锚(显示在页面上的文本)

首先,我们在 HTML 文档中对锚进行命名(创建一个书签):

基本的注意事项 - 有用的提示

然后,我们在同一个文档中创建指向该锚的链接:

有用的提示

您也可以在其他页面中创建指向该锚的链接:

有用的提示

在上面的代码中,我们将 # 符号和锚名称添加到 URL 的末端,就可以直接链接到 tips 这个命名锚了。

更多图片的实例

图片map技术

HTML表格实例

列表

无序列表 <ul>。有序列表 <ol>.每个列表项始于 <li>。

  • Coffee
  • Milk
  1. Coffee
  2. Milk

meta标签的作用:

meta标签共有两个属性,它们分别是http-equiv属性和name属性。  1、name 属性 :  
用以说明生成工具(如Microsoft FrontPage 4.0)等;  
向搜索引擎说明你的网页的关键词;  
告诉搜索引擎你的站点的主要内容;  
告诉搜索引擎你的站点的制作的作者;  
  其中的属性说明如下:  设定为all:文件将被检索,且页面上的链接可以被查询;  设定为none:文件将不被检索,且页面上的链接不可以被查询;  设定为index:文件将被检索;  设定为follow:页面上的链接可以被查询;  设定为noindex:文件将不被检索,但页面上的链接可以被查询;  设定为nofollow:文件将被检索,页面上的链接不可以被查询。  2、http-equiv属性 :  
  
  用以说明主页制作所使用的文字以及语言;  
  定时让网页在指定的时间n内,跳转到页面;  
  可以用于设定网页的到期时间,一旦过期则必须到服务器上重新调用。  需要注意的是必须使用GMT时间格式;  
  是用于设定禁止浏览器从本地机的缓存中调阅页面内容,设定后一旦离开网页就无法从Cache中再调出;  
  cookie设定,如果网页过期,存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式;  
  网页等级评定,在IE的internet选项中有一项内容设置,可以防止浏览一些受限制的网站,  而网站的就是通过meta属性来设置的;  
  强制页面在当前窗口中以独立页面显示,可以防止自己的网页被别人当作一个frame页调用;  
  
  设定进入和离开页面时的特殊效果,这个功能即FrontPage中的“格式/网页过渡”,不过所加的页面不能够是一个frame页面。

转载于:https://my.oschina.net/zengjs275/blog/780045

你可能感兴趣的文章
C语言截取字符串或反转字符串
查看>>
Python操作MySQL数据库的三种方法
查看>>
我的友情链接
查看>>
记一次kafka故障
查看>>
APUE读书笔记-10信号-19sleep函数
查看>>
CentOS 6安装配置LDAP
查看>>
Linux双网卡绑定bond详解
查看>>
编译安装mod_jk on centOS
查看>>
KAFKA日志管理
查看>>
MySQL主从配置
查看>>
vsphere通过模板批量部署虚拟机
查看>>
gulp 和 Browsersync 的联合使用
查看>>
我的友情链接
查看>>
如何使用PHP计算上一个月的今天
查看>>
关于无法标识/锁定数据库文件
查看>>
在线office文档编辑NTKO使用心得
查看>>
Linux命令(4):cat命令
查看>>
U盘安装Windows
查看>>
SQL PASS西雅图之行——会议篇
查看>>
WPF中Visible设为Collapse时,VisualTreeHelper.GetChildrenCount为0
查看>>