黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移

声明文件类型<!DOCTYPE html>
<meta charset="UTF-8"> 字符类型
<title></title> 网页名
<body></body> 内容
<h1~h6></h1~h6> 由大到小的标题
<p></p> 段落标签
<br> 换行
<strong></strong>或<b></b>加粗
<em></em>或<i></i>倾斜
<del></del>或<s></s>删除线
<ins></ins>或<u></u>下划线
<div></div>独占一行
<span></span>组合文档中的行内元素
<img src="文件地址或输入图片网址" alt="可替换的文本" title="鼠标移至图片上显示的文本" width="宽" height="高"/>
网络照片实例<img src="http://www.itcast.cn/2018czgw/images/logo.png" />
同一级路径直接输入文件名,下一级路径则在前加上文件夹名如img/tianjiao.jpg。上一级路径则../文件名.jpg 。
<a href="网址或其他文件">文字或图片</a>超链接标签,可做目录快速移动
<a hred="#id">跳转</a> <h1 id="id">首页</h1>
  空格符号 <> 分别为<>
表格基础语法
<table>
<tr><td>姓名</td> <td>性别</td> <td> 年龄 </td></tr>
<tr><td>刘德华</td> <td>男</td> <td> 56 </td></tr>
<tr><td>张学友</td> <td>男</td> <td> 58 </td></tr>
</table>
表格头单元格标签<tr><th>姓名</th> <th>性别</th> <th> 年龄 </th></tr>
跨行合并单元格(colspan="...")跨列合并单元格(rowspan=“...”)
无序列表
<ul>
<li></li>
<li></li>
</ul>
有序列表
<ol>
<li></li>
<li></li>
</ol>
自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
表单域(是一个包含表单元素的区域,会把它范围内的表单元素信息提交给服务器)
<from action="url地址" method="提交方式" name="表单域名称"></from>
input 表单元素
<input type="类型" name="类名" value="显示文本" maxlength="最大字数">
<input type="text" name="username" value="请输入用户名" maxlength="6">
<input type="password" name="pwd" >
type="radio" 可实现单选,name是表单元素名字 单选按钮必须有相同的名字name 才可以实现多选1。
checked="checked"属性, 当页面打开的时候就可以默认选中这个按钮
type="reset"重置
type="button"创建按钮
type="file"选择文件上传
label标签
<label for="text"> 用户名:</label> <input type="text" id="text" >
可使我们在网页中点击用户名可以输入文本
下拉表单
<select>
<option>选项一</option>
<option>选项二</opti...
</select>
<option selected="selected">火星</option>默认选取
textarea文本域:
<form>
今日反馈:
<textarea cols="50" rows="5"> </textarea></form>
cols是宽度 rows是高度
CSS样式
基础语法:
在<head></head>中添加<style></style>在其中修改样式
选择器 {样式}
给谁改样式 {改什么样式}
p {
color:red; 颜色
font-size:24px; 字体大小
text-alibng:center; 文字居中
}
标签选择器:
标签 {
修改样式
}
类选择器:
.类名{
修改样式
}
<p class="样式名">绝世放天骄</p>
<div class="样式名1 样式名2">绝世放天骄</div>
id选择器:
#pink {
color:pink;
}
<div id="pink">迈克尔·杰克逊</div>
同配符选择器:
*{
color:pink;
}
可将全部内容改成pink色
文字属性
1.字体 font-family: '字体名,字体名,字...';注意用逗号隔开!如有带空格的字体名则带引号。
2.大小 font-size: 16px; px=像素