HTML日常学习学习之(1补发昨日3.15)

20180315学习笔记
1、属性一般在开始标签内进行表述,并且一般是以键值对的形式出现(name="value")
2、在使用<h1></h1>等这些标题标签时,浏览器会自动为其前后各自添加一个空行(只要是块级元素都会添加空行),注释能够提高代码的可读性(<!--  注释  -->)。
      在页面显示中,无法通过空格符和换行符来改变页面现实的内容,浏览器会自动去除空格符和换行符。
3、HTML格式化文本的标签
   


4、链接(可以指向外部,也可以执行内部的某个地方),语法<a href="url" target="">显示类别(文字,图片等)</a>,target属性指是在本窗口打开,还是另外打开一个窗口(默认在原窗口打开,设置为_blank打开新窗口,_top是指跳出框架,打开url地址)。链接内部的方式:首先定义一个书签(即id,<a id="demo1">被链接的地址</a>),然后定义链接地址(<a href="#demo1">链接地址</a>)


20180316学习笔记
1、头部标签(<head></head>),在<head></head>中可以插入样式,脚本以及meta信息等,可以包括的元素标签有以下几种:<title>、<style>、<script>、<meta>、<base>等,其中<title>是必须的(<title>的值主要显示在浏览器的工具栏,收藏夹中的收藏名字,以及搜索引擎结果页面的名称)。
<base>标签为HTML文档中设置默认链接(当文档中的链接为空连接或者内部链接时会跳转到默认链接,不适合拥有内部链接的HTML文档,并且可以为文档的全部连接设置打开方式)。
<link>引用外部样式表(<link rel="stylesheet" type="text/css" href="demo.css">)(没有结束标记)
<style></style>设置内部样式(一般通过id/class/元素标签来设置样式)
<meta>主要用于为网页定义元数据,不会显示在页面上,但会被浏览器解析。
为搜索引擎定义关键字
<meta name="keywords" content="CSS,HTML,JavaScript">
为网页定义描述内容
<meta name="description" content="This is a demo">
为网页定义作者信息
<meta name="author" content="Gaoyang Zhou">
定义网页自动刷新时间
<meta http-equiv="refresh" content="30">
<script></script>用于加载或者定义js脚本文件

2、style="text-decoration:none;"(控制无下划线)(内联样式)
    常用的字体设置样式:font-family(设置字体),color(字体颜色),font-size(设置字体大小),                  background-color(设置背景颜色),text-align(设置文本对齐方式)

3、<img>标签是插入图像,其中的属性有src(指向图像的源地址),alt(加载在图像显示不出来是所要显示的文本,好处就是能够告诉用户所丢失的图像信息)
图像地图映射:通过<img>、<map>和<area>标签来实现,实例如下:
带有可点击区域的图像映射:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.gif">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="merglobe.gif">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venglobe.gif">
</map>  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值