一、超文本标记语言
Hyper text Markup Language
关于表格的HTML的标签
1.后缀名一般是.html / .htm
关于超链接的HTML标签
<a href - ""></a>
<table>
<tr>
<th></th>
<th></th>
</tr>
<td></td>
<td></td>
<td></td>
<tr>
</tr>
</table>
<form>
<textarea></textarea>
<select>
<option></option>
</select>
<input type="text">
<input type="password">
<input type="checkbox">
<input type="radio">
<input type="submit">
<input type="reset">
<input type="button">
</form>
二、CSS:层叠样式表
Cascading Style Sheets
--定义了HTML元素怎么去显示
--一般存储在样式表中
--利用外部样式表可以提高工作效率
--通过CSS可以使得HTML文档用不同的方式显示。
当多于一种指定的样式,选定样式的优先级(从低到高):
1、浏览器默认的(Broser default)
2、外部样式表(Extenal Style sheet)
3、内嵌样式表(Internal style sheet)
4、行内样式(在一定的HTML元素内)(Inside Style)
构成:
一个选择器、一个属性和一个值
--selector{proprty:value}
选择器是你希望去定义的HTML元素、标签。
如果只是多个单词要用双引号括在一起。
而多个属性之间则是用分号隔开。
可以将选择器进行组合,用逗号隔开,
h1,h2,h3{color:green}
--用选择器类可以将同一类型的HTML元素定义出不同的样式。
比如想定义
一种右对齐的段落和一种居中对齐的段落
p.right{text-align:right}
p.center{text-align:center}
注:必须在你的HTML文档中使用类属性,才能显示出效果。
如:
<p class="right"></p>
<p class="center"></p>
注:每一个HTML元素只能有一个类属性(规范)
--可以省略标签名称直接去定义,这样子就可以在所有的HTML元素中
使用了。
如下则可以使所有带class="center"的元素居中文字:
.center{text-align:center}
注:实心点是不可以忽略的
注:类名、id名不要用数字开头,否则其他浏览器会不适用。
引用外部文件:
<link rel="stylesheet" type="text/css" href="filesrc">
--内嵌:
<style type="text/css"></type>
--使用id选择器可以为不同的HTML元素定义相同的样式。
下面的样式规则对任何一个带有id属性值为"greeen"的元素都是匹配的。
green{color:green}
上面的规则将得到如下使用:
<h1 id="green"> Some Text</h1>
<p id="green" > Some Text</p>
--行内样式
使用行内样式就失去样式表的优势,即将内容和形式相互混淆了。一般这类方法在个别元素需要改变样式时的时候使用。
在相关的标签内用style属性来加入行内样式。样式可以包含任何CSS的属性。
例如:
<p style="color:red; margin-left:20px">This is a red paragraph.</p>
注:带单位的值不能和数字隔开。
如果页面有内嵌表样式表的同时又链接到外部样式表的话,h3的属性将会变为
内部定义的样式加上(内部没有定义的却在外部样式表定义了的 )
同理(行内、内嵌的)