客户端网络编程1

时间 2019-11-13

标签客户端网络编程栏目系统网络繁體版

原文原文链接

HTML、CSS、JavaScript三者关系：
HTML:-结构（是什么）
CSS:-表现（什么样子）
JavaScript:-行为（作什么）css

DOCTYPE 解析
三种解析模式：
1.IE.6.7准标准模式
2.标准模式
3.混杂模式（非标准）html

meta charset="UTF-8"必定要有，否则会出现乱码网络

HTML基本语法：
<p>开始标签 </p>结束标签
开始标签和结束标签是成对出现的，有一些只有一个 /
简写方法，div 加tab键联想post

全部的代码尽可能不要删除，能够注释掉字体

全部标签和元素必须小写，全部属性“扩起来，里面嵌套使用”优化

空格 &nbsp 、换行<br>、<b>加粗</b>、<em>斜体</em>、<strong>加粗</strong>
必须使用特殊字符&nbsp搜索引擎

设置字体大小颜色
style="font-size:150%;color: red"spa

盒模型：
margin：外边距，边框外，做用：几个盒子间的间距有正负值
border：边框
padding：内边距，没有负值
content：内容orm

定义预格式文本。
<pre>
5
+6
------
11
</pre>htm

将文本一行列出，得不到想要的格式
<div>
5
+6
------
11
</div>

跳转页面
<a href="Title1.html">我能够跳转哦</a>

锚点（回到顶部）
1.建立锚点：页面顶部
<a href=""name="aaa">建立锚点</a>
2.回到锚点：点击实现
<a href="#aaa">
<img src="home.JPG" width="50" height="50" alt="">
</a>

定义文档中的行内的小块或区域。
<span>some text.</span>

选择字体颜色
style="color: red;"

设置背景图片
<body background="home.JPG">

插入图片，并能够改变图片大小
<img src="home.JPG" width="50" height="50" alt="home">

表格:
表格由 <table> 标签来定义。每一个表格均有若干行（由 <tr> 标签订义），
每行被分割为若干单元格（由 <td> 标签订义）。字母 td 指表格数据
（table data），即数据单元格的内容。数据单元格能够包含文本、图片、
列表、段落、表单、水平线、表格等等。

rowspen = "2" 行合并，合并二三行
colspen = "2" 列合并，合并一行中连续列
cellspacing="20" 外边框间距
cellpadding="10" 内边框间距
align="center" 设置表格位置

form表单：
<form >
<p><input type = "" id = "" size = "" maxlength = "" /></p>
</form>
或者
<form action="#" method = "get或者post"> get（显示速度快，保密性低）
用户名：<input type = "text"> post（不显示在地址上，保密性高）
密码:<input type = "password" placeholder = "请输入密码">
<input type = "button" value = "登陆">
<input type = "submit"> action（处理信息的地址）

class：经常使用于HTML、CSS
name：用于后台操做
id：经常使用于JS 惟一，不能重复

按钮
button

文本域
<textarea name="" id="" cols="30" rows="10">文本域</textarea>

单选
label和input配合使用 for里边写id

label和input配合使用 for里边写id
<div>
<input type="radio" id="man" name="sex">
<label for="man">男</label>
<input type="radio" id="nv" name="sex">
<label for="nv">女</label>
</div>

多选
<div>
<input type="checkbox">"多选"
</div>

下拉框
<select>
<option value="sichuan" selected="selected">川菜</option>
<option value="guangdong">粤菜</option>
<option value="beifang">北方菜</option>
</select>

标题框
<div>
<fieldset>
<legend>标题</legend>
<p>男<input name ="sex " type ="radio" ></p>
<p>女<input name ="sex " type ="radio" ></p>
</fieldset>
</div>

块级元素和行内元素

<span style="width: 100px;height: 100px;border: 1px solid red;font-size: 100px">我是格一个span</span>
<strong>我是一个srtong</strong>

<div style="width: 500px;height: 500px;border: 1px solid red">我是一个盒子</div>
<img src="京东LOGO.png" alt="">f
<input type="text">用户名

语意化标题、段落、head、foot等都是语意化在没有css下，能够呈现良好的内容结构和代码结构优化搜索引擎的搜索，便于网络爬虫更多的获取优先资源具备可读性，便宜开发和维护遵循w3c的标准，减小差别化