HTML_CSS
CSS可以通过一下方式添加到HTML中
内联样式:在HTML中使用“style”属性。
eg:<p style="color:blue;margin-left:20px;">这是一个段落。</p>
内部样式表:在HTML-文档头部<head>区域使用<style>元素来包含CSS。
eg:<head> <style type="text/css"> body {background-color:yellow;} p {color:blue;} </style> </head>
外部引用:使用外部css文件。
eg:<head> <link rel="stylesheet" type="text/css" href="mystyle.css"> </head>
HTML样式实例-背景颜色
<body style="background-color:yellow;"><h2 style="background-color:red;">这是一个标题</h2><p style="background-color:green;">这是一个段落。</p></body>
字体,大小,颜色
<h1 style="font-family:verdana;">一个标题</h1><p style="font-family:arial;color:red;font-size:20px;">一个段落。</p>
对齐方式:
使用 text-align(文字对齐)属性指定文本的水平与垂直对齐方式:
实例
<h1 style="text-align:center;">居中对齐的标题</h1><p>这是一个段落。</p>
HTML图像
图像由<img>标签定义,空标签,只包含属性,没有闭合标签。
ALT属性
alt 属性用来为图像定义一串预备的可替换的文本。
替换文本属性的值是用户定义的。
<img src="boat.gif" alt="Big Boat">
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。为页面上的图像都加上替换文本属性是个好习惯,这样有助于更好的显示信息,并且对于那些使用纯文本浏览器的人来说是非常有用的。
设置图像高宽
height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。
属性值默认单位为像素:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
提示: 指定图像的高度和宽度是一个很好的习惯。如果图像指定了高度宽度,页面加载时就会保留指定的尺寸。如果没有指定图片的大小,加载页面时有可能会破坏HTML页面的整体布局。
HTML表格
<tr>行数 <td>单元格内容 <th>表格表头 大部分浏览器会把表头显示为粗体居中