一.初识前端
hyper text markup language 超文本标记语言超:可以放图片,视频,超链接标记组成,标记、元素、标签txt 文本文档<html 属性名="属性值" 属性名2="属性值2"></html> 是最大的标签html中每一个标签都对应的有自己的作用<meta 属性名="属性值" 属性名2="属性值2"/> 网页的一些信息,单标签charset 编码字符集(属性)utf-8 世界标准字符集gb2312 中国标准第2312条,可以支持亚洲大部分的语言,日文,韩文...繁体字不支持gbk gb2312的扩展版,可以支持繁体字unicode 万国码utf-8 unicode transformation format 8 unicode的一个升级版白帽SEO 搜索引擎优化 黑帽SEO(黑客技术)标签的嵌套不要太深了。建议在5层左右这些标签没有意义,也不规范,不允许这样写二.html+css1.<!--href 写的是链接地址 target是打开的方式--> <a href="" target="">超链接</a>2.<!--标签的嵌套-->
<u><b><s><i>这是一个标签的嵌套</i></s></b></u>3.设置宽高:一般是用css去进行设置
行内标签(元素,标记):在一行中显示,不能设置标签的宽高,只有当一行的内容容纳不下的时候才会进行换行 (i,b,s,u,font,a) 块级标签:自己独占一行,可以设置标签的宽高 ( pre,h1-h6,p,div,hr) 既不属于行内也不属于块级的有<br> 转义字符: 空格 © 版权符4.无序列表:ul里面可以包含多个li,如果是导航,里面再嵌套一个a
type是用来设置类型的,有序列表中可以指定开头,start,开发中常用的一定是无序列表,主要用在菜单,导航5.<!--html去修改样式是不推荐的,"内容与表现分离"-->
特殊的标签:从行内元素中引申行内块元素: 在一行中显示,可以设置宽和高(input,img)6.<img src="images/koala1.jpg" alt="考拉熊1" width="300" height="300"/
src:里面可以写:相对路径,绝对路径,盘符根路
alt:当网速不好,图片错误,路径错误...加载不出来或者正在加载中的时候显示的内容
title:鼠标悬浮上去提示的内容,可以适用在大部分的标签中
( 经常面试会问到alt和title属性的区别 )7.table表单结构:
<table>为表单的根标签
<tr>为行的根标签
<td>单元格
cellspacing指的是单元格之间的间距
cellpadding值的是单元格中间的文本到单元格边框的距离用了这两个属性以后就不要再去用width和heigh