HTML入门学习--h1,p,a,img,q,blockquote,li,ol,ul,meta

入门书籍—《Head First HTML与CSS》

创建一个web页面指南

  1. 以<!doctype html> 这表明这是一个以html5为标准;
  2. 元素,元素是Web页面的最顶层元素,所以在的后面必须有然后以结尾;
  3. 使用,元素来编写更好的HTML,只有这两个元素可以放在中其他元素必须放在或者中;
  4. 在中指定正确的字符编码,;
  5. 在中添加,加上标签页的标题;
  6. 注意元素之间的嵌套;、
  7. 检查属性

h1

h1标签是标题元素,h1是标题1,h2是标题2,以此类推

p

p元素标记了一个段落

a

指向一个网页或者一个超链接。

  • 属性 href 来指定一个file协议或者http协议URL,可以使用相对路径来指定html,或者是直接使用网页的URL。
  • target属性表示打开该页面时新建一个窗口
<a href="HTML/text2.html">text</a>

img

在Web页面上插入图片。

  • 属性 src来指定一个页面的地址,可以使用相对路劲来加载一个本地的图片,也可以使用图片的URL链接。img是单标记,即img不需要以/img结尾。
  • 属性alt,添加一个描述性文本
  • 属性height,weight
<img src="thumbnalis/text2.jpg">

使用图片作为一个超链接(例:缩略图的使用)

使用图片属性img替代原本文本描述,即加在a/a中间

	<a href="HTML/text.html">
		<img src="thumbnalis/text.jpg">
	</a>

q,blockquote

q 标记短的引用,blockqutoe标记长引用(段落)

li ,ol,ul

这三个元素是用来有序显示项目,无序显示项目。在每个需要标记的项目都需要加上

  • (listitem)标记。
    1. 表示有序,
      • 表示无序
  • 	<ol>
    			<li>a</li>
    			<li>b</li>
    			<li>c</li>
    	</ol>
    
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值