HTML/CSS从零开始(一)

php中文网
发布: 2016-09-23 03:30:09
原创
1151人浏览过

前期准备

2本书:《HTML5从入门到精通》清华大学出版社,《Head First HTML与CSS》中国电力出版社;

1个编译器:sublime;

几种浏览器用于测试网页:Firefox、chrome、360、IE;

2个主要的学习网站:慕课网:http://www.imooc.com/,w3school:http://www.w3school.com.cn/h.asp;

立即学习前端免费学习笔记(深入)”;

还有一颗安定的心、沉下心去学。

开始学习

一、HTML与CSS初步认识

HTML是网页的结构(相当毛坯房,还未进行装修),CSS是来定义样式的(相当于装修);所以这两种语言共同构成了网页,其实在HTML中标签的属性style也可以定义样式,HTML结构与CSS定义如下中如下:


             
                          Starbuzz Coffees
                       
                         body{
                            background-color: #d2b48c;
                            margin-left: 20%;
                            margin-right: 20%;
                            border: 2px dotted black ;
                            padding:10px 10px 10px 10px;
                            font-family: sans-serif;
                         }
                     
             
                       

             

零一万物开放平台
零一万物开放平台

零一万物大模型开放平台

零一万物开放平台 0
查看详情 零一万物开放平台

二、超链接(HT hypertext)

语法: 

注意事项:

源文件与目标文件的相对位置

三个页面:lounge.html(主页)、elixir.html(跳转页1)、directions.html(跳转页2)

文件beverages、about在lounge中。

    elixirs
    directions
    Back to the lounge

下一、二级:name1/name2/目标文件

先上二级后下一级:../../下一级name1/目标文件

HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号