网页设计

---

标签

<h></h>             标题
<a href=""></a>            超链接
<br /> = <br/> = </br> = <br>    换行(最新规范为<br />，尽量使用第一个)
<hr />               水平线
<u></u>             下划线
<b></b>             加粗字体
<strong></strong>         加粗字体
<span></span>          可以为段落中的部分文字设置属性
<img src=“图片路径” />       插入图片(图片路径必须是/分隔，不能是)
<center></center>          文本居中
<pre><code></code></pre>    代码块

给标题标签<h>写style属性的时候，一定要写标题级别，只有<h1>、<h2>…这样写才有用，只在<h>中写没有效果。

<div align=“center” >
 <img />
</div>
设置图片居中

<a href=“超链接”>
 <img />
</a>
设置图片超链接

<input type=“radio/checkbox” value=“值” name=“名称” checked=“checked”/>
选择框的类型，radio为单选框，checkbox为复选框，value是要传的值，name是该选项框的名称，同一组中，所有选项框的名字必须相同，checked为默认时的选择。

设置图片在网页中的缩放，初始为smaller，移到图片处，不用点击，自动变成bigger

<img id="img" onmouseover="bigger()" onmouseout="smaller()" src="此处为图片路径" style="width:100px;height:100px;" />

<script type="text/javascript">
 var img = document.getElementById('img');
function bigger() {
 img.style.width = '400px';
 img.style.height = '400px';
}
function smaller() {
 img.style.width = '100px';
 img.style.height = '100px';
}
</script>

此方法用于修改input内容中placeholder的文本文字颜色(除了-ms-，在Edge浏览器中还可以用-webkit-)

<style>
 input::-ms-input-placeholder {
  color: black;
 }
</style>

---

CSS

font-size:18px;         调整段落字体大小
font-weight:bold;        设置字体为粗体
font-family:楷体;         设置字体为楷体
text-indent:2em;         段落首行缩进2个字
text-align:center;        设置字体居中
color:yellow;          设置字体为黄色
letter-spacing:8px;        设置字间距为8px
margin:-150% 270%;       外边距，调整内容在页面中的位置
background-attachment:fixed;   设置背景图片不随滚动条滚动，默认的值为scroll

---

特殊标签

以下符号直接按下面这样写是显示不出来的，网页中显示这些符号需要在&与符号间加上amp;才可以，例如&amp;emsp;

&emsp; 垂直制表符
&nbsp;  空格
&lt;   小于号<
&gt;    大于号>
&le;    小于等于号<=
&ge;   大于等于号>=
&copy;  版权符号©

<!-- 注释 -->