您的位置：首页 > Web前端 > HTML

关于html的一些心得和总结!

2017-03-10 21:39 218 查看

一. C/S架构和B/S架构
C/S: client/server 客户端服务器架构
B/S: browser/server 浏览器服务器架构
优势:
C/S: 1.需要下载,安装 2.服务器和客户端都需要更新 3.开发维护成本高
B/S: 1.不需要下载,安装 2.只需要更新服务器 3.开发维护成本低

二. 浏览器访问服务器的方式 http://www.163.com/index.html
三. 网页的组成
html css javascript

四. html
Hypertext Markup Language 称之为超文本标记语言,又叫超文本标签语言
作用:不需用编译,通过浏览器执行
文件后缀: .html或者.htm (建议大家使用第一种)
修改文件后缀:
组织---->文件夹搜索选项------>查看---->隐藏已知文件的扩展名去掉前边对勾

五. 开发工具
编辑工具: notepad++
调试工具: chrome(谷歌)

六. 标签
标签: 以<>包含的特定的字符串, 通常有开始标签和结束标签
双边标签(比翼双飞): <标签名>内容</标签名>
单边标签(单身狗): <标签名 />
属性: 对标签进行一定的修饰.
<标签名属性名1="值1" 属性名2='值2' 属性名3=值3>内容</标签名>
建议大家对属性值使用""引起来
元素: 一个完整的标签就是一个元素

七. 指定字符集:
<meta charset="utf-8"/>
设置字符集步骤:
1.文件保存的编码格式
选项---->转为utf-8无bom格式
2.浏览器执行文件的编码格式
<meta charset="utf-8"/>

八. 全局架构标签
<html>
<head></head>
<body></body>
</html>
注意:
1.所有的内容必须写到html标签中
2.head标签中的内容不在浏览器中显示
3.body里边的内容显示浏览器中

九. 几乎每个标签都要有的属性(结合css/js)
class name id style(默写)

十. 字符实体 ( 空格) http://w3school.com.cn/tags/html_ref_entities.html
十一. 常用标签(文本修饰)
标题: h1-h6 h1最大 h6最小
加粗: <b></b> <strong></strong>
斜线: <i></i><cite></cite><em></em>
下划线: <u></u>
删除线: <s></s>
上标: <sup></sup>
下标: <sub></sub>
字体: <font></font>(size/color/face)
滚动: <marquee></marquee>(direction/scrollamount/loop)

十二. 常用标签(格式控制)
段落: <p></p>
换行: <br />
不换行: <nobr></nobr>
水平线: <hr />(单标签)
原型输出: <pre></pre>
无序列表: <ul></ul><li></li>(type:circle/square/desc)
有序列表: <ol></ol><li><li>(type:a/A/i/I start )
自定义列表: <dl></dl><dt></dt><dd></dd>

总结: 1.容错性强
2.不区分大小写(强制使用小写)

3.可以嵌套

附录有一些代码照片以供参考!

附录:

1

<meta charset="utf-8"/>

<marquee direction="right" scrollamount='100' loop=1>鸡年大吉,<br />财源滚滚</marquee>
<font color="blue" size="30" face="微软雅黑">这是一个段修饰的文本</font>

2

<html>

<head>
<style type="text/css">
h1 {color: red}
p {color:blue}
</style>
<meta charset="utf-8" />
<title>百度</title>
</head>
<body text="red" bgcolor="" background="" leftmargin="400"
topmargin="0" link="red" alink="green" vlink="gray"> <br /> <br /> <br /> <br /> <br />
百度一下,你就知道<br />
<a href="http://www.baidu.com"><nobr />百度一下,你就知道<nobr /></a><br />
百度> <搜狐
</body>

</html>

3

<html>
<head>
<meta charset="utf-8" />
<title>文本修饰</title>
</head>
<body>

<b>毒奶粉进口利润下降后一天看风景</b>
<strong>这是加粗</strong>
<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>
<h4>这是一个标题</h4>
<h5>这是一个标题</h5>
<h6>这是一个标题</h6>
<i>斜线</i>
<cite>斜线</cite>
<em>斜线</em>
<u>下划线</u>
<s>删除线</s><br />
x<sup>2</sup> + y<sub>2</sub>
<font>字体</font>


部分进口然后呢
<p>这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容</p>
更何况让大家<br />

<nobr>这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容这是一段内容</nobr><br />

<hr width="50" />
<pre>
中国
北京
海淀区
</pre>

<ul type="desc">
<li>北京</li>
<li>上海</li>
<li>山东</li>
<li>河南</li>
<li>河北</li>
</ul>

<ol type="I" start="3">
<li>北京</li>
<li>上海</li>
<li>山东</li>
<li>河南</li>
<li>河北</li>
</ol>

<dl>
<dt>这是标题</dt>
<dd>第一段</dd>
<DD>第二段</dd>
</dl>

<dl>

<b><i>加粗斜体</i></b>

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html clientserver 架构 cs

相关文章推荐

新的分享

章节导航