目录
一、html基础
注释:便于开发人员对开发项目解释和说明性的文字 。 快捷键是ctrl+/
注释不会被 应用程序解析。
html: 超文本标记语言,严格意义上来说,不是一个开发语言。
html5: html的第五个版本,添加了一些新标签和api,使用H5必须在页面的开头添加以下代码。
<!DOCTYPE html>:
他的含义是 声明当前文档类型是html5 标准的文档,这样浏览器在解析渲染的时候会按照h5的标准解析。
html文档是由标签组成:
标签分为单标签和双标签,他们的闭合方式不同。
单标签:<img />
双标签:<div>内容</div>
二、head标签
head标签中的内容,不会渲染在页面中。
主要是 源信息标签:
<meta /> 作用是:设置网站的源信息。
charset属性:用来定义文本的编码格式。
UTF-8: 万国码,目前开发中最常用。
gb2312: 中文码。
通常都把charset的值设置成UTF-8,如果不设置charset属性,可能会导致页面乱码,解决方案是设置成utf-8即可。
author属性,用来定义网站的作者,一般是公司的名字
keywords 属性,用来定义网站的关键字,如果有多个关键字,用英文逗号隔开,关键字最好不要超过10个
精准的keywords值,更加有利于SEO(搜索引擎优化)
description 属性,用来简单的描述网站的内容,不要超过100字,有利于SEO(搜索引擎优化)
<meta>的另一种写法:
<meta name="属性名" content="属性值" />
title 标签,它是一个双标签, 他的SEO权重很大,因此需要谨慎书写里面的内容
body 标签里面的内容,会渲染在页面的可视区域
<meta charset="UTF-8">
<meta author="郑科班"> <!-- 网站作者 -->
<meta keywords="蔡徐坤,唱跳,rap,篮球"/> <!-- 关键字 -->
<meta description="网站描述......">
三、基础标签-块
1.div 标签: 没有任何意义的标签,通常用来进行页面布局。
2.h系列标签: h1-h6 标题
在一个页面中,h1最多只能出现1次,h2最多出现20次,h3-h6次数不限。
h1的用法: (由于h1的权限较大,只能出现以下两个地方)
1.logo处;
2.咨询详情页的大标题;
3.p 标签:段落标签,它里面一般包含一段文字。
4.<hr/>:分割线
<hr noshade><!-- noshade:去除阴影 -->
5.无序列表:ul > li
可以设置他的 list-style-type 属性:
- square:实心方块
- circle:空心圆
- dotted:实心圆(默认) (disc:高版本系统下的默认样式)
- none:取消列表样式
6.有序列表:ol>li
可以设置他的 list-style-type 属性:
- lower-alpha:小写字母
- upper-alpha:大写字母
- lower-roman:小写罗马文
- upper-roman:大写罗马问
-
<!-- 1. li里面可以随意放标签,但是ol里面只能防止li, 2. 数字是自动生成的。 3. type:1,a,A,i,I start(开始): 取值只能是一个数字 --> <ol type="a" start="27"> <li>把冰箱打开</li> <li>大象装进去</li> <li>冰箱关上</li> </ol>
7.定义列表:dl>dt,dd
dl:定义列表的父元素
dt:块标签,定义列表的 标题项
dd:块标签,定义列表的 列表
8.address 地址标签,一般的,它的内容是一个地址项。
9.blockquote引用标签,一般引用的是一段文字,他的cite属性表示该文字引用的文献名目。
<blockquote cite="毛主席语录">要想知道梨子的味道,你必须亲自尝一尝</blockquote>