前端学习记录01
1、回忆下基础
<head>
<!--主要用于设置网页的相关设置的-->
<meta charset="gb2312" /><!--汉字编码-->
<meta name="keywords" content=""/><!--网站搜索关键字-->
<meta name="description" content=""/><!--网站描述的内容-->
<title>无标题文档</title>
<!--设置网站小图标-->
<link rel="shortcut icon" href="粘贴图片地址" type="image/png(根据图片格式修改)">
</head>
<body>
<script>
<!--放逻辑脚本-->
</script>
</body>
2、基本标签
!+tab 自动生成文档结构。
<div>布局用的,可套娃。
<hx>标题,x:1-6,从1级到6级,从大到小,会自动加粗,有默认字号。
<p>表示段落,相当于一个回车。
<br>一个换行符,单个出现。
<tr>生成一行表格
<td>表格换格子
<hr>生成一条直线,装饰用的,单个出现,可以设置属性。
<a>超链接
<a href="添加地址" target="目标的打开方式" title="添加题目">添加提示用文字<a/>
<img src="地址" title="鼠标挪过去后的提示" alt="图片名字" />加载外部图片,单标签
<span>作用同biv,但是不会单独占一行,相当于空格。
<ul>无序列表,侧边为点:· XX
<ol>有序列表,侧边为数字:1 xx
ul>li{li$}*3<!--ul标签下有三个li标签,花括号内为标签中间的内容,$依次增加数字-->
3、加工字体的标签
(1)行级标签
<b>加粗
<strong>加粗且强调
<i>文字倾斜,并强调
<em>文字倾斜
2、块级标签,在浏览器中独占一行
<pre>预格式化文本,保留文本的空格换行和宽度,怎么写得就怎么输出。文字字号会小一号。
3、放大缩小
<!--浏览器支持的最小字号为12号,如果要用比12号还小的字,要进行处理。--->
<small>缩小
<big>放大(HTML5中被淘汰,但是没有删除,可以用,开发中尽量不要用)
4、上标下标,文字会自动小一号
<sub>下
<sup>上
4、实体转义
一个实体转义符,由&开头、;结束。
5、一些规则
块元素可以包含行元素,行元素不可以包含块元素。块元素不能放进p标签里。
块元素不能跟内嵌元素并列。