您的位置：首页 > Web前端 > HTML

Web开发初探（一） HTML基础

2014-07-30 00:10 169 查看
还是那句老话：“程序猿的一生是奋斗的一生，是学习的一生，是拼搏的一生”。

应公司项目需求，从iOS开发开始转向Web前端的开发当中来了。看了几篇帖子，基本上总结一下就是Web开发要从html入手，然后掌握CSS，进阶的话要掌握好JS（JavaScript），觉得说的有道理，让自己一个门外汉一下子对Web开发有了一个比较清晰的思路，废话少说，程序猿要进步，首先手搞脏。

一 基本的HTML标签

（1）HTML标题

HTML标题是用<h1></h1>， <h2></h2>，<h3></h3>，<h4></h4>，<h5></h5>，<h6></h6>一共有1到6六个级别。

<html>
<body>
<h1>qhw是你妈个大傻逼</h1>
<h2>qhw是你妈个大傻逼</h2>
<h3>qhw是你妈个大傻逼</h3>
<h4>qhw是你妈个大傻逼</h4>
<h5>qhw是你妈个大傻逼</h5>
<h6>qhw是你妈个大傻逼</h6>
</body>
</html>运行上述代码之后，便会出现下图所示的效果

qhw是你妈个大傻逼

qhw是你妈个大傻逼

qhw是你妈个大傻逼

qhw是你妈个大傻逼

qhw是你妈个大傻逼
qhw是你妈个大傻逼
公司有条狗，顺带骂了一下，心里快活了不少。

（2）HTML段落

HTML中的段落是用<p></p>来表示的，p的意思应该就是paragraph的意思咯。下面是示例代码：
<html>
<body>
<p>qhw就是他妈一条狗</p>
<p>哦也！</p>
</body>
</html>


运行的结果就不上图了，总之就是在屏幕上骂了一下公司的那条狗，哦也！

(3)HTML链接

网页上往往有很多的的文字或者图片，你点击了之后会跳转到一个页面去，实际就是一个链接，链接在HTML中是用<a href="http:\\"></a>来表示的，下面是示例的代码
<html>
<body>
<a href="http:\\www.baidu.com">我操qhw大爷</a>
</body>
</html>
展示的结果就是qhw那个傻逼被显示在屏幕上，点击一下之后会跳转到百度，意思就是百度都知道qhw是他妈一条狗。

（4）HTML图像

网页上的图片是最重要的一个东东了，可以说现在的网页主要构成元素基本就是这个，打开网页便有玲琅满目的图片显示出来。在HTML中是用<img src="图片路径" width=  height= />来表示的，千万别忘了最后的那个一个反斜杠"/"。示例代码在这里就不展示了，明天再说，今天加班回来太晚。
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航