2024年10月17日
太Low了，网页居然还用这么老掉牙的特效！弄个粗体字，下划线就是突出重点了？真是一股浓浓的乡村风扑面而来；弄个图在页面飘来飘去就是动画效果了，你要这么认为的话那我只能保持沉默了。在HTML5占领着整个互联网之时，想透过网页抓住所有人的眼球，因循守旧是行不通的。因此，有你不能不知道的HTML常用代码。只有熟悉掌握了常用的HTML代码，你才能在编写网页的时候做到行云流水，用处处流露着细腻和创意的动效细节打动所有人。
在这里还是要说一下我自己建的前端JavaScript学习交流群：574462090，不管你是小白还是大牛，小编我都挺欢迎，小白嘛，多问点问题也就学好了，不定期分享干货，包括最新的2017年前端学习资料，欢迎初学和进阶中的小伙伴。
2024年10月17日
1、文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法。
2、html元素必须正确嵌套，不能乱。
3、属性必须是小写的。
4、属性值必须加引号。
5、标签必须有结束，单标签也应该用“/”来结束掉。
2024年10月17日
本节我们来讲字体样式，之前我们学习 HTML 的时候学过一些用于字体加粗、倾斜的标签，但是使用标签来实现的效果肯定没有我们通过 CSS 中的样式来的方便。
接下来我们会给大家介绍下面这几个属性的使用：
通过学习上述这几个 CSS 属性，我们可以实现给 HTML 中的文字设置字体、大小、风格、倾斜、加粗等。
font-family 属性用于设置一个元素的字体，字体就是像宋体、楷体等。
2024年10月17日
当大家在浏览网页的时候，是否思考过这样一个问题：怎样才能制作出一个网页呢？制作出一个网页是很简单的，只要知道什么是HTML并掌握HTML的基础知识就可以制作出一个简单的网页，今天我就为讲解HTML的入门及结构组成。
一、什么是HTML?
2024年10月17日
<html>
<head>
标题 ---此处放置标题、导航、登录等内容
<!此处放置标题、导航、登录等内容--->
</head>
<body>
<!此处放置页面主要内容--->
<! ：空格
<: 小于号
>: 大于号
": 引号--->
<p>第一段 世界大势，合久必分，分久必合。</p>
<hr/> <!表示单行横线显示--->
<br/> <!表示换行--->
<h1> hello world, html is easy</h1>
<h2> hello world, html is easy</h2>
<h3> hello world, html is easy</h3>
<h4> hello world, html is easy</h4>
<h5> hello world, html is easy</h5>
<h6> hello world, html is easy</h6>
<p>普通字体</p>
<b>粗体</b> <i>斜体</i> <del>本文字已被删除，请忽略</del>
<p> hello world</p> <!段落标记--->
<a href="http://www.baidu.com" target="_self"> 点击进入百度</a>
<br/>
<img src="http://mysite.com/mypic.png" alt="网站作者照片">
<h3> 普通无边框表格：</h3>
<table>
<tr>
<td>row 1 cell 1</td> <td>row 1 cell 2</td> <td>row 1 cell 3</td>
</tr>
<tr>
<td>row 2 cell 1</td> <td>row 2 cell 2</td> <td>row 2 cell 3</td>
</tr>
</table>
<h3>带表头，有边框，有跨列单元:</h3>
<table border="1">
<tr>
<th>head1</th> <th>head2</th> <th>head3</th>
</tr>
<tr>
<td>row 1 cell 1</td> <td>row 1 cell 2</td> <td>row 1 cell 3</td>
</tr>
<tr>
<td>row 2 cell 1</td> <td>row 2 cell 2</td> <td>row 2 cell 3</td>
</tr>
</table>
<h3>三种列表的表达方式:</h3>
<table cellpadding="2" cellspacing="2">
<tr>
<td>
<ul><li>python</li> <li>c++</li> <li>java</li> <li>golang</li></ul>
</td>
<td>
<ol><li>python</li> <li>c++</li> <li>java</li> <li>golang</li></ol>
</td>
</tr>
</table>
<dl>
<dt>CPU</dt><dd>处理器</dd>
<dt>MEM</dt><dd>内存</dd>
</dl>
<body bgcolor="#FF0000">
<body bgcolor="RGB(255,0,0)">
<body bgcolor="RED">
<p>视频</p>
<object
classid="clsid:d27sfsfstqwetsasasdfsdfs"
codebase="http://fpdownload.macromedia.com/pub/shckwave/cabs/flash/swflash.cab">
<embed src="flashfile.swf" width="300" height="200"></embed>
</object>
<br/>
<p>音频</p>
<audio controls="crontrols">
<source src="sample_song.mp3" type="audio/mp3" />
</audio>
<br/>
<p>视频</p>
<video controls="controls"/>
<source src="sample_video.mp4" type="video/mp4">
</video>
<p>html表单---文本输入</p>
<table>
<tr>
<td>用户名：</td>
<td><input type="text" name="name"></td>
<td>密码：</td>
<td><input type="password" name="pass"></td>
</tr>
<tr>
<tdcolspan="4"> <textarea name="comment" rows="5" cols="60"> </textarea></td>
</tr>
</table>
<table>
<tr>
<td>性别：</td>
<td>用户名：</td>
<td>男性<input type="radio" checked='checked' name="sex" value="male" /></td>
<td>女性<input type="radio" checked='checked' value="female" /></td>
</tr>
<tr>
<tdcolspan="4"> <textarea name="comment" rows="5" cols="60"> </textarea></td>
</tr>
</table>
</body>
</html>
2024年10月17日
双标签：就是成对出现的，类似于这种 <html> </html>
单标签：就是可以单个使用的，类似于 <br> 换行标签 或 <hr>水平线标签。
2024年10月17日
1、文档顶部doctype声明不同，xhtml的doctype顶部声明中明确规定了xhtml DTD的写法。
2、html元素必须正确嵌套，不能乱。
3、属性必须是小写的。
4、属性值必须加引号。
5、标签必须有结束，单标签也应该用“/”来结束掉。
2024年10月17日
上篇文章主要讲述了CSS样式更改中的背景Background，这篇文章我们来谈谈字体设置Font&边框Border的基础用法。
<div style='font-family: sans-serif normal'></div>
可用字体：
Serif
Sans-serif
Monospace
Cursive
Fantasy
Times
Courier2024年10月17日
您是否有过这样的经历，当你看到一个很棒的站点，你会很想知道开发人员是如何将它实现的？
你有没有看过一些网页，并且想知道它是如何做出来的呢？
要揭示一个网站的技术秘密，其实很简单。单击浏览器的“查看”菜单，选择“查看源文件”即可。随后你会看到一个弹出的窗口，窗口内就是实际的 HTML 代码。
HTML 可定义很多供格式化输出的元素
2024年10月17日
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文档标题</title>
</head>
<body>
<b>加粗文本</b><br><br>
<i>斜体文本</i><br><br>
<code>电脑自动输出</code><br><br>
这是 <sub> 下标</sub> 和 <sup> 上标</sup>
</body>
</html>