Paulpang

专注 | 分享 | 快乐

Keep It Simple Do It Well~


HTML属性(二)

基本元素

<!DOCTYPE html>

  • 这是文档声明,不能省略
  • 一定要放在最顶部

html

  • 是文档的根元素,只能有一个
  • 其他所有元素都是它的后代元素
<!DOCTYPE html>
<html>

</html>
  • 它内部一般用来包含meta 、title元素

meta

  • 用来设置网页的字符编码,一般是UTF-8

title

  • 用来设置网页的标题
<head>
  <meta charset="UTF-8">
  <title>网页标题</title>
</head>

body

  • 网页中显示的任何元素都应该是它的后代元素

文章相关

h1~h6

  • 用来显示标题
  • h1最大,h6最小
  • 一个网页中最好只有一个h1,作为最主要的标题
<h1>我是h1</h1>

p

  • 用来显示一个段落
<p>这是一个段落</p>

strong

  • 用来强调某一些文字

img

  • 用来显示一张图片
  • 常用属性
    • src:图片的URL
    • width:图片的宽度
    • height:图片的高度
    • alt:占位文字(当图片显示失败的时候显示这个占位文字)
<img src="https://www.baidu.com/img/bd_logo1.png"
     alt="这是百度的LOGO"
     height="200"
     width="100">

a

  • 用来显示一个超链接
  • 常用属性
    • href:需要打开的URL
    • target:在哪里打开
      • _self:在当前页面中打开(覆盖当前页面)
      • _blank:当新页面中打开
      • _parent:在父页面中打开
      • _top:在顶层页面中打开
      • 某个iframe的name属性值:在某个iframe中打开
  • 图片链接
  • 锚点链接

iframe

  • 在当前网页中嵌入其他网页
  • 常用属性
    • src:其他页面的URL
    • frameborder:是否需要边框
      • 1:需要
      • 0:不需要

div

  • 一般作为其他元素的父容器,把其他元素包住,代表一个整体
  • 用于把网页分割为多个独立的部分

span

  • 默认情况下,跟普通文本几乎没差别
  • 用于区分特殊文本和普通文本,比如用来显示一些关键字