`

菜鸟进阶01-html/css

 
阅读更多

HTML
1.对于中文网页需要使用 <meta charset="utf-8"> 声明编码,否则会出现乱码。


2.<!Doctype html> html5标准网页声明,原先的是一串很长的字符串,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。表示网页采用html5。之前的还要加PUBLIC 属性。


3.HTML 指的是超文本标记语言: HyperText Markup Language ;标记语言是一套标记标签 (markup tag)


4.HTML head 元素
标签描述
<head>定义了文档的信息
<title>定义了文档的标题
<base>定义了页面链接标签的默认链接地址
<link>定义了一个文档和外部资源之间的关系
<meta>定义了HTML文档中的元数据
<script>定义了客户端的脚本文件
<style>定义了HTML文档的样式文件


5.表格标签
<thead>定义表格的页眉
<tbody>定义表格的主体
<tfoot>定义表格的页脚


6.URL - 统一资源定位器
一个网页地址实例: http://www.w3cschool.cc/html/html-tutorial.html 语法规则:
scheme://host.domain:port/path/filename
说明:
scheme - 定义因特网服务的类型。最常见的类型是 http
host - 定义域主机(http 的默认主机是 www)
domain - 定义因特网域名,比如 w3cschool.cc
:port - 定义主机上的端口号(http 的默认端口号是 80)
path - 定义服务器上的路径(如果省略,则文档必须位于网站的根目录中)。
filename - 定义文档/资源的名称


7.如何制作电子邮件链接?<a href="mailto:xxx@yyy">

 

 

8.为了确保页面可自由缩放:

 width:控制 viewport 的大小,可以指定的一个值,如果 600,或者特殊的值,如 device-width 为设备的宽度(单位为缩放为 100% 时的 CSS 的像素)。

 nitial-scale:初始缩放比例,也即是当页面第一次 load 的时候缩放比例。

<meta name="viewport" content="width=device-width,initial-scale=1">

 

9.对于大多数桌面浏览器来说,字体默认为 16px。对于大多数移动端浏览器来说,字体默认为 12px。默认的字体为 "Helvetica Neue", line-height 默认为 1.5。

分享到:
评论

相关推荐

    Web-master.zip(使用文本都可以查看,包含前端一系列所需的一切)

    00-前端工具 01-html 02-CSS 03-JavaScript基础 04-JavaScript进阶 05-前端基本功:CSS和DOM练习 05-前端基本功:JavaScript特效 06-jQuery 07-HTML5和CSS3 08-移动web开发09-Ajax 10-Node.js和模块化 11-ES6 12-Vue...

    2018Bootstrap-菜鸟离线教程-支持导航直接跳转-支持可视化布局

    Bootstrap是世界上最流行的HTML、CSS和JavaScript框架,用于开发响应式布局和移动设备优先的Web项目。这个"2018Bootstrap-菜鸟离线教程-支持导航直接跳转-支持可视化布局"的资源包,显然是为初学者设计的,旨在帮助...

    菜鸟教程离线html版

    总的来说,"菜鸟教程离线HTML版"是一个全面的学习资源,覆盖了从HTML基础到进阶特性的各种内容,旨在帮助初学者快速掌握HTML并踏上前端开发之路。通过系统的阅读和实践,学习者可以建立起坚实的HTML基础,为进一步...

    Python爬虫总结 (2).docx

    - 初学者可以从“Python简介 | 菜鸟教程”开始学习。 - 通过Codecademy进行互动式学习。 - 阅读《Python编程》等书籍深化理解。 **2. Python标准库及第三方库** - **标准库:** - `urllib`:用于处理URLs。 ...

    PHP采集程序大全 菜鸟必看 包含思路 小偷程序

    【PHP采集程序大全 - 菜鸟入门指南】 在互联网数据海量的时代,PHP采集程序,又称"小偷程序",成为获取和处理网络信息的重要工具。对于初学者来说,掌握PHP采集技术不仅可以提升开发能力,还能帮助理解网络数据的...

    W3cSchool(chm离线版)

    从基础的HTML到XHTML,乃至进阶的XML、SQL、数据库、多媒体和WAP。 从左侧的菜单选择你需要的教程! 完整的网站技术参考手册 完整的网站技术参考手册 我们的参考手册涵盖了网站技术的方方面面。 其中包括W3C的...

    W3SCHOOL 菜鸟教程chm

    《W3School 菜鸟教程CHM》是IT学习者不可或缺的资源,它提供了丰富的Web开发知识,包括HTML、CSS、JavaScript等基础语言到PHP、SQL等后端技术的全面教程。CHM(Compiled Help Manual)格式是微软开发的帮助文档格式...

    w3cschool菜鸟教程

    《w3cschool菜鸟教程》是一份面向初学者的在线编程学习资源,旨在帮助新手快速掌握Web开发基础知识。这个教程涵盖了HTML、CSS、JavaScript、PHP、SQL等多种编程语言和技术,是许多入门者学习IT技术的重要起点。CHM...

    w3cschool菜鸟教程离线文档.zip

    《w3cschool菜鸟教程离线文档》是一个包含多种编程语言学习资料的压缩包,它提供了HTML、CSS、JavaScript、jQuery、PHP以及SQL等常见Web开发技术的详细教程。这个离线版本允许用户无需网络连接就能查阅相关知识,极...

    全栈试菜鸟教程

    【全栈试菜鸟教程】是针对初学者设计的一套全面的IT学习资源,旨在帮助新手逐步掌握从前端到后端的全方位技术栈。这个教程来源于知名的在线学习平台w3cschool,它以其丰富的教学内容和易学性在全球范围内受到广泛...

    w3cschool菜鸟教程中文手册.rar

    《w3cschool菜鸟教程中文手册》是一个针对初学者的综合IT学习资源,包含了Web开发领域中最基础且重要的技术——HTML、CSS、JavaScript以及jQuery。这些技术是构建现代网页和交互式应用程序的基础,也是许多开发者...

    w3school和菜鸟教程学习手册.zip

    用户可以在这里找到HTML、CSS、JavaScript、PHP、SQL等基础及进阶的编程语言教程,以及XML、DOM、jQuery等相关技术的详细解释。 菜鸟教程则是一个广受欢迎的编程学习网站,其内容涵盖更广泛的领域。虽然压缩包里...

    菜鸟教程网移动端教程PDF

    总的来说,这份《菜鸟教程网移动端教程PDF》是移动开发初学者的一站式学习资源,涵盖了从基础到进阶的各个层面。通过深入学习,你可以逐步掌握Android、Swift、jQuery Mobile和ionic等技术,为进入移动开发领域打下...

    asp.net2.0学习历程 菜鸟到中级程序员的飞跃

    - 《圣殿祭司的 ASP.NET 2.0 开发详解——使用 C#》:专注于ASP.NET 2.0的新特性,适合进阶学习。 学习过程中,建议结合实例练习,比如开发简单的留言板项目,以巩固理论知识。此外,持续的实践和项目经验积累将有...

    w3cschool菜鸟教程(各种编程语言基础资料)

    这个教程集合可能包括HTML、CSS、JavaScript、Python、C#、Java以及ASP.NET等多个编程语言的入门教程。 **描述详解:** 描述中提到,“在 w3school,你可以找到你所需要的所有的网站建设教程。”这暗示了教程不仅...

    前端菜鸟是这样入门学习web前端的,知识分享.docx

    前端开发是互联网行业中一个热门且需求量大的领域,对于想要入门的“前端菜鸟”来说,掌握正确的学习路径和方法至关重要。Web前端开发主要涉及HTML、CSS、JavaScript等基础技术,以及各种框架和库的使用。以下是一些...

    Java程序员由菜鸟到笨鸟学习文档

    15. **前端技术**:简单介绍HTML、CSS、JavaScript,以及使用Ajax进行前后端交互。 此外,这个文档还鼓励读者在学习过程中发现并提出问题,通过互动交流促进理解。因此,无论你是Java新手还是有一定经验的开发者,...

Global site tag (gtag.js) - Google Analytics