菜鸟进阶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。