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)标记。
      表示有序,
        表示无序
  • 	<ol>
    			<li>a</li>
    			<li>b</li>
    			<li>c</li>
    	</ol>
    
    发布了40 篇原创文章 · 获赞 9 · 访问量 3287

    猜你喜欢

    转载自blog.csdn.net/weixin_44706647/article/details/102617030
    h1