HTML和CSS

HTML:

1、head里的title表示设置网站的标题名称

2、body里的hx标签表示设置网页内容的标题名称,<p></p>表示内容段落,<img src="http://img.mukewang.com/52b4113500018cf102000200.jpg">表示网页上的图片

3、HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等

4、CSS样式是表现。就像网页的外衣,比如:标题文字、颜色变化、或为标题加入背景图片、边框等,所有这些用来改变内容外观的东西就是样式的表现

5、JavaScript是用来实现网页上的特效效果,如:鼠标滑过弹出下拉菜单,或鼠标滑过表格的背景颜色改变,还有焦点新闻(新闻图片)的轮换,可以这么理解,有动画的有交互的一般都是用JavaScript来实现

6、HTML的代码注释:<!--注释文字-->

7、使用<br>标签表示文本分行显示:

<body>

<h2>《咏桂》</h2>

<p>

暗淡轻黄体性柔,<br/>
情疏迹远只香留。<br/>
何须浅碧深红色,<br/>

自是花中第一流。

</p>

</body>

8、为网页添加一些空格:输入语法&nbsp;

<body>

<h1>感悟梦想</h1>

来源:作文网&nbsp;&nbsp;作者:为梦想而飞

</body>

9、网页显示的新闻列表:用ul-li标签来完成,ul-li是没有前后顺序的信息列表,默认每条信息前面显示小圆点

<body>

<ul>


   <li>this is my home</li>

   <li>this is my home</li>

   <li>this is my home</li>

</ul>

</body>

10、把一些标签放进<div>里,划分出一个独立的逻辑部分。为了使逻辑更加清晰,我们可以为这一个独立的逻辑部分设置一个名称,用id属性来为<div>提供唯一的名称,这个就像我们每个人都有一个身份证号,这个身份证号是唯一标识我们的身份的,也是必须唯一的

<body>

<div id="hotList">

<h2>热门课程排行榜</h2>

<ol>

<li>前端开发面试心法</li>

<li>零基础学习html</li>

<li>javascript全攻略</li>

</ol>

</div>

<div> id="learninstructed">

<h2>web前端开发导学课程</h2>

<ul>

<li>网页专业名词大扫盲</li>

<li>网站职位定位指南</li>

<li>为您解密Yahoo网站制作流程</li>

</ul>

</div>

</body>

11、HTML文件的结构:

<html>

   <head>...</head>

   <body>...</body>

</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Html和css学习笔记(w3school+慕课网)(一) tip:以下是个人防遗忘而在w3school和慕课网上...
    恰皮阅读 1,297评论 2 5
  • Html和CSS的关系 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、...
    三秒嗨阅读 4,585评论 0 6
  • 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。 HTML和CSS的关系 HTML...
    衣锦尚絅阅读 472评论 0 2
  • A、数据、服务器 1、上网就是请求数据,数据缓存。 2、服务器 服务器上面存放着网页相关的文件:包括HTML、CS...
    AnnQi阅读 696评论 0 1
  • 在产品经理的圈里,通常有一句话,产品设计要满足人性; 产品为满足需求而生,根据马斯洛需求理论: 第一层次:生理上的...
    鹏之翼阅读 148评论 0 1