代码改变世界

HTML基础

2017-08-11 11:39  yongchin  阅读(233)  评论(0编辑  收藏  举报

千里之行始于足下,准备进攻前端了。那么这就一点一点的从最基础的开始。本篇记录前端之骨骼HTML的学习笔记

 

一、HTML标签

HTML是通过标签+内容来描述网页的,这里先看一下基础标签

HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

ps:标题下面可以用<hr />创建水平线

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

<p>This is a paragraph.</p>
<p>This is another paragraph.</p>

 

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

<a href="http://www.w3school.com.cn">This is a link</a>

 

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<img src="w3school.jpg" width="104" height="142" />

、HTML元素

<h1>This is a heading</h1>
里面的This is a heading即为元素,标签有首有尾,开始了最好关闭,<br/>有关闭换行的作用

三、HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现,比如:name="value"。

属性总是在 HTML 元素的开始标签中规定

<a href="http://www.w3school.com.cn" name="value">This is a link</a>