一.HTML学习
一.html骨架:
文档结构:头部区域和主体区域
html基本结构是由<html><head><body>三个标签组成的
二.主要标签
<link>:定义一个文档和外部资源之间的关系,导入其他独特的样式标文件eg:
如图link导入了css文件,这样可以把css单独写在一个文件夹里面
<script>:可以在此区域设置js代码
<style>:定义了html的样式参考
<span>:组合行类元素,一行元素
<meta>:用于定义页面的元信息,主要告诉浏览器文档的字符编码,关键词,描述信息和自动刷新等等,出现在<head>部分eg:
"keywords":是一个经常被用到的名称,他为文档定义了一组关键词,某些搜索引擎在遇到这些关键词的时候对文档进行分类,供用户查询到本网页的链接地址
重点——文字编码:一般来书国际化使用的编码是utf-8(因为它包含了世界上绝大多数文字的编码),在中国的话只有汉语可以使用gb2312(gb是国标),或者gbk(gb2312的增强版)
定时自动刷新:<meta http-equiv="refresh" content="1" /> ,content表示属性,refresh表示刷新
定时自动跳转:<meta http-equiv="refresh" content="3;url=http://www.sohu.com" />
3秒后刷新,再跳转到搜狐网站上
url表示网址或者绝对链接
本网址内跳转:<meta http-equiv="refresh" content="3;url=web2/11.html" />(3秒后跳转到11.html文件下)
重点——在js下获取时间(调取函数)
function f2()
{
var dt1=new Date();
var month=dt1.getMonth()+1;(因为从1900年开始计算会少一个月所以加一)
var day=dt1.getDate();
var t1=dt1.getTime();
var hour=dt1.getHours();
var min=dt1.getMinutes();
var sec=dt1.getSeconds();
document.getElementById("p1").innerText=month.toString()+"月"+day.toString()+"日";
document.getElementById("p2").innerText=hour.toString()+":"+min.toString()+":"+sec.toString();
}
自适应终端屏幕像素大小:
<meta name="viewport" content=width=device-width,inital-scale=1.0,maximum-scale=2.0,user-scalable=yes;">
<br/>或者<br>:插入一个回车换行符
<sup>和<sub>:上下标签均为双标签,化学符号
<hr>或<hr/>:设置水平分隔线标记,width设置线的长度,size设置线的粗细,color设置颜色
<strong></strong>:加重文本标记
 :插入一个半角空格
列表标签:分为有序标签和无序标签:
有序标签:<ol></ol>
无序标签:<ul></ul>
图签标签:<img src="url" height="" width ="">