3 HTML标题&元素&图像&属性&字体增强&链接&头部标签与元素

时间:2022-03-30 01:10:46

HTML标题(heading)

通过<h1>~~~<h6>定义,每个元素代表文档中不同级别的内容.

h1表示主标题,the main heading , h2,3分别表示二级、三级标题,h4、5、6的大小依次递减

注意:

  • 一个页面应当只用一次H1作为主标题。
  • 注意确保在层次结构中用正确的顺序使用标题,例如不要以h3表示副标题,后接h2表示副副标题
  • 六个标题级别中,最好保证一个页面中用到的不超过三个。

a标签:

  • anchor tag , anchor,锚点。
  • 链接外部地址完成网页跳转
  • 链接当前页面的某部分实现内部导航

HTML图像:<img/>

  • 使用img标签为网站添加图片
  • 使用src属性指向一个图片的具体地址

HTML元素:

  • HTML元素指的是从开始标签到结束标签的所有代码
  • HTML文档由HTML元素定义,由嵌套的HTML元素构成
  • 空元素在开始标签中进行关闭,例如换行标签
  • 大都数HTML元素可能拥有属性

HTML属性:

  • HTML标签一般在开始标签中给元素设置属性,且属性一般以名称/值队的形式出现
  • 一般用小写
  • 常用属性有id(定义元素唯一id),class(为元素定义类名),style(规定元素行内样式),title(描述元素的额外信息)

HTML文本字体:

  • 加粗:<b><b/>、<strong></strong>
  • 放大:<big></big>
  • 斜体:<em>/em>
  • 缩小:<small></small>
  • 下标:<sub></sub> , subscript
  • 上标:<sup></sup> , superscript

HTML链接:

HTML使用超级链接和另一个文档相连,HTML使用链接指向另一个目的端,超链接可以是图像、文字等。

空链接:href属性为#,点击后跳转到当前页面

target属性:

  • 属性为_self或者不设置属性,链接默认在当前页面打开
  • 属性为_blank,则会在新页面打开
  • 属性为_parent,在父框架集中打开被链接文档
  • 属性为_top,在整个窗口中打开被链接文档
  • 属性为framename,在指定框架中打开被链接文档

HTML头部:

<title>标签:

  • 定义了不同文档的标题
  • 在HTML\XHTML是必须的

title元素:

  • 定义了浏览器工具栏的标题
  • 当网页被添加到收藏夹时,显示在收藏夹中的标题
  • 显示在搜索引擎结果页面中的标题

base元素:

  • 描述了基本的链接地址/链接目标
  • 在HTML中,<base>标签没有结束标签,而在XHTML中必须被正确的关闭
  • 该标签作为HTML文档中的所有链接标签的默认链接,设置base之后,就算body内的a标签不指定href,也会跳转到base设定的地址

3 HTML标题&元素&图像&属性&字体增强&链接&头部标签与元素

 link元素:

  • <link>标签定义了文档与外部资源之间的关系
  • <link>标签通常用与链接到CSS样式表

style元素:

  • <style>标签定义了HTML文档的样式文件引用地址
  • 在<style>元素中你需要指定样式文件来渲染HTML文档

3 HTML标题&元素&图像&属性&字体增强&链接&头部标签与元素

meta元素:

  • 提供元数据,不会被页面显示,但会被浏览器解析。
  • meta元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者和其他元数据。
  • 元数据局可以使用与浏览器,搜索引擎或者其他web服务
  • 常用属性:name,content.   http-quiv="refresh" content = "30"  每30秒刷新一次页面

Script元素:

  • 常用于加载JavaScript脚本文件