学习Day9

一.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>:加重文本标记

&nbsp:插入一个半角空格

列表标签:分为有序标签和无序标签:

有序标签:<ol></ol>

无序标签:<ul></ul>

图签标签:<img src="url" height="" width ="">

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值