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

<a href="www.baidu.com" target="_self">百度</a>

target:_blank 新的窗口打开

target:_self 当前窗口打开

1. 内部链接
2. 空链接 ‘#”
3. 下载链接：地址链接的是文件exe/压缩包zip等，会下载这个文件
4. 网页元素链接：文本/图像/视频/表格等都可以添加超链接

锚点链接：点击链接，可以快速定位到页面中某个位置,<a href="#xxx"> </a> id="xxx“

1. &nbsp;空格
2. &lt; &gt;

1. <table> <tr><td>
2. tr代表行
3. td代表列
4. th代表表头单元格- 文字加粗居中

表格属性

1. align （left/center/right) 设置表格居中

<table align="center" border="1" cellpadding="2" cellspacing="0" width="500" height="1000"></table>

• border:单元格边框，默认0
• cellpadding:文字与单元格距离，默认1
• cellspacing：单元格与单元格的距离，默认2

1. <thead><tr>....</tr></thead>
2. <tbody><tr>...</tr></tbody>

• thead：表格头部区域，包含tr
• tbody：表格主体区域，包含tr

1. 跨行合并：rowspan="合并单元格的个数"
2. 跨列合并：colspan="合并单元格的个数”
3. 目标单元格：

• 跨行：最上侧单元格 <td colspan="2">
• 跨列:最左侧单元格<td rowspan="2">
• 删除多余单元格

1. 无序列表<ul><li>xxx</li></ul>

• li可以包含所有元素

1. 有序列表<ol><li>xxx</li></ol>
2. 自定义列表

<dl><dt><dd>

• dl
• dt:名字
• dd:围绕dt解释

dt与dd并列关系

1. 表单=表单域+表单元素+提示信息
2. 表单域:包含表单元素的区域,例如form
3. <form action="demo.php" method="post" name="name1"></form>

input:<input type="text" name="xxx" value=”xxx“ maxlength="6"> 单标签

• :text
• password
• radio name=“xxx" 必须有相同的name才能实现单选
• checkbox name=“xxx" 必须有相同的name才能实现多选
• name和value是每个表单元素都有的属性值，供后台人员使用
• 单选按钮和复选按钮可以设置checked属性

checked="checked"

• maxlength="6"
• submit:表单域数据提交到后台

<input type="submit" value="免费注册">

• reset：<input type="reset" value="重置">
• button:与JS搭配使用

<input type="button" value="xxx">

• file:文件域
  

  22-label标签 P53 - 00:28

  
• label:标签为input元素定义标签，与表单元素绑定，当点击<lablel>标签内的文本时，浏览器会自动将焦点转到对应的表单元素上，增加用户体验。
• 语法：
• <label for="sex”>男<label>

<input type=’radio" name="sex" id="sex"/> for属性与相关元素的id属性相同

1. <select><option selected=“selected"> 在form中

1. 可以多行输入

<form><textarea rows="3" cols="50">

• 超出行列会添加滚动条

1. 标签选择器 p div等

.red{

color: red

}

<li class="red">

*{ 所有元素标签都应用

}

h标签需要单独指定样式

font-weight:normal=400 bold=700

font-style:italic 斜体 normal：正常

font: font-style font-weight font-size/line-height font- family(必须保留font-size 和font-family,否则font不起作用)

1. none
2. underline：下划线
3. overline：上划线
4. line-through:删除线

text-indent:段落首行缩进，文本首行缩进，可以取负值

text-indent:2em 当前元素一个单位，是相对当前元素来讲，如果没有设置size，默认继承父元素的size

行间距=上间距+文本高度+下间距

• 内部样式表：css写在style里边
  

  25-行内样式表 P85 - 00:03

  
• 行内样式表：css写在标签内部

• 外部样式表：单独CSS文件

图片水平居中，要在图片的父元素添加水平居中

• display:inline-block
• display:block
• display:inline

元素背景颜色默认为transparent(透明)