head first html and css(1) ———html5标记、超文本、属性

一、标记

<!--          -->//注释

<img src="drinks.gif">    添加图片

元素=开始标记+内容+结束标记

<html>  ...  </html>  告诉浏览器html从这里开始

<head>....  </head>   页面开始

<title> ..  </title>     为页面指定一个标题

<body> ... </body>    页面主体

<h1> ...  </h1>   一级标题

<h2> ...  </h2>   二级标题

..................................................

<a>  ...  </a>  链接

<p> ...  </p>      一个段落

<em> ...  </em>   强调

<q>...   </q>   短引用,现有段落的一部分,内联元素(不同浏览器有不同显示方式如加双引号)是页面更结构化

<blockquote>...   </blockquote>    长引用,单独一块显示,块元素

<li> .....</li> (listitem) 列表(用<ol>   </ol>或<ul>   </ul>包围列表)

<ol>   </ol>(ordered list)有序列表,只能包含<li>元素

<ul>   </ul>(unordered list)无序列表,只能包含<li>元素

<br>  (<br/>用于与XHTML兼容 )换行  void元素没有内容

&lt;      <缩写

&gt;      >缩写

&amp    输出&

<code>      显示计算机代码

<pre>保留您需要的文本格式,比如不会取消换行和空格

<time>  日期、时间

说明:

  • 标记可嵌套

二、超文本

1、链接文本:<a href="about/directions.html">detailed directions</a>.

使用<a>创建超文本链接,网页链接指向about文件中的directions.html,网页中点击detailed directions进入链接页面

href属性指定链接的目标文件

还可以用img,图片作为链接

三、属性

<a href="about/directions.html">detailed directions</a>.    href属性指定链接的目标文件

<a href="../directions.html">detailed directions</a>.   ../返回上一级文件夹  ../..返回上2极文件夹

<img src="drinks.gif">        imag,图片作为链接

<style type=="text/css">  type属性指定我们使用的哪种样式语言

四、html列表

<ol>或<ul>

<li>...............</li>

<li>...............</li>

</ol>或</ul>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值