初入前端项目实训-音乐之家

主要内容:介绍html和css,使用html和css实现一个简单的音乐播放网页,后面有源码;

工具:Dreamweaver

说明:自己在学习的过程的一些记录,和大家一起分享,若有错误之处和不当之处还望大家指出

 

d1:html文本标记语言

html是一种文本标记语言,用多组标签来实现不同的显示内容,通常标签是成对出现,例如

就是一组段落标签,把段落的内容写在中间;也有独个出现的标签,如就是一个图片的标签;其中多个属性值用空格隔开。

DW(Dreamweaver)是一款非常方便的前端编辑器,自动生成html基本框架,打开DW,选择文件->新建,html文档类型选择html5,确定创建后进入编辑页面,先保存到一个自定义的项目文件夹,以便于后面的文件链接位置选择;





无标题文档




可以从中看出,html网页包括head和body两个部分组成,head部分包括编码格式()、标题和link的内容等,要显示的网页主题内容就写在body部分了,接下来是一些html常见标签的使用。

      显示文字的,可以添加多属性, align文字显示位置,如文字居中显示等,style文字效果,如颜色等。

    显示图片的,图片用src属性标注,可选择属性width height高度宽度,数值可以用像素也可以用百分百,alt:图片无法显示时的代替文本。

    超链接标签,属性href来标记打开的链接,不打开别的链接用 #;

你可能感兴趣的:(web前端)