第一部分：HTML页面与基本标签
1、URL：网址
2、HTML：超文本标记语言
扩展名：.html或.htm
3、HTML标记的基本格式：
<；标记>文件内容</标记>
某些标记还可以包含一些属性：
<；标记名称属性1属性2属性3……>
用来注释的标记
<!--内容-->
3、<html></html>:HTML文档的开始和结束
4、<head></head>:HTML头部分，用于显示标题和网页属性信息
5、<title></title>：文档标题
6、<body></body>:HTML主体部分，用于放主要内容
属性：bgcolor：设置背景颜
background：背景图片
7、<br/>：换行标记（注意是单标记，没有结束标签）
8、<p></p>：段落标签，会自动换行。
属性：align：对齐方式
align=”left”：左对齐
align=”right”：右对齐
align=”center”：居中对齐
9、<h></h>：标题标签，字号越大，字体越小
<h1></h1>,<h2></h3>…<h6></h6>
属性：align：对齐方式---对齐方式跟段落标记一样。
10、 ：表示空格(了解)
11、<font></font>：字体标记
属性：face：设置文字的字形
size：设置文字的大小，1号最小，7号最大，默认字号为3
color：设置文字的颜
12、字体的物理风格：(了解)
django数据库迁移命令<b></b>把字体加粗
<i></i>斜体
<u></u>下划线
<s></s>删除线
字体的逻辑风格：(了解)
<sup></sup>上标
<sub></sub>下标
<strong></strong>粗体字
<small></small>文本以小体字显示
<big></big>文本以大号字显示
13、<hr>：水平线标签(注意：它是单标记，没有结束标记)
属性：align：对齐方式---同上
size：高度
html个人网页完整代码顺序width：宽度
color：颜
14、<img>：图像标记(注意：它是单标记，没有结束标记)
属性:src：设置图片的路径
width和height：设置图片的宽和高，一般要么都不写，显示
的是图片的真实大小，要么只是宽或者高，让图片等比例缩放，
避免失真。
border：设置图像的边框，以像素为单位。（了解）
align：(了解)用来调整图片的位置：
top：偏上方
middle：中间
asp源码crm
bottom：底部
left：左
right：右
15、<ol></ol>：有序列表
<ul></ul>：无序列表
<li></li>：有序和无序列表的内容
16、<a></a>：超链接标记
属性：href：设置超链接的访问地址，可以是网址，邮箱，html文件target:(了解)设置打开链接的方式
target="_blank"：在新窗口打开
mailto：超链接到邮箱地址
<a href="www.baidu"target="_blank">我要去百度</a>
<a href="mailto:124880184@qq">我要去邮箱</a>
爬虫影视网站源码16、<pre></pre>：预排版标记
<pre>标记允许保留你在原代码中输入的空格和回车。
15、<marquee></marquee>：滚动字符(了解)
direction设置活动字幕的滚动方向，可以是up、down、left、right behavior设置滚动的方式，可以是scroll(一端滚动到另一端)、slide(一端快速滑动到另一端，且不再重复)、alternate(在两端之间来回滚动)
height设置滚动字幕的高度。
17、注意：1、HTML不区分大小写，大写小写都可以
2、有内容的标签，必须要成对出现
第二部分：HTML表格应用
1、<table></table>：表格的开始和结束
属性：width：用来设置表格的宽度
height：用来设置表格的高度
border：用来设置表格边框尺寸大小
bordercolor：用来设置表格边框颜
bgcolor：设置表格的背景颜
align：水平对齐方式left：左对齐
center：居中对齐
right：右对齐
background：属性用来设置表格的背景图片
cellspacing：属性用来设置表格单元格间距
cellpadding：属性用来设置表格单元格填充
2、<tr></tr>：表示行
属性：bgcolor：设置行的背景颜
align：水平对齐方式
valign:(了解)垂直对齐方式top：顶端对齐
middle：居中对齐
bottom：底端对齐
3、<td></td>：表示列
属性：rowspan：跨行
colspan：跨列
width：用来设置单元格的宽度
height：用来设置单元格的高度
bgcolor：设置单元格的背景颜
align：水平对齐方式
valign:(了解)垂直对齐方式
第三部分：浮动窗口
1、<iframe></iframe>标记，又称为浮动帧标记，可以用来将一个HTML文档嵌套在另外一个HTML文档中显示。
语法：
<iframe
src="iframe.html"width="400"height="300"scrolling="auto"
frameborder="1">
</iframe>
属性：
src：设置文件的路径
width和height：分别设置浮动窗口的宽和高
scrolling：设置是否出现滚动条，
可选值有auto(自动)、yes(出现)、no(不出现)
frameborder：设置是否出现边框，
可选值有1(出现)、0(不出现)
2、iframe的name属性和超链接<a>的target属性配合使用，可以做出导航栏的效果。
3、<fieldset></fieldset>：分组标签
<legend></legend>：分组标签的标题
第四部分：表单与页面控件
1、<form></form>：表单标签
name属性：表单的名称
action属性：表单提交的地址
2、<input>：用户输入信息标签
语法：<input type=“”>
type属性常用的值可以是：
text(文本框)、password(密码框)、checkbox(复选框)、
radio(单选框)、button(按钮)、submit(提交按钮)、reset(重置按钮)
注意：1)单选按钮的name属性必须要写，并且name的值必须相同。
2)checked="checked"：默认选中一个选框
3)复选框如果写了name属性，name可以相同，也可以不同
4)select和textarea不属于输入标签
3、<select></select>：下拉列表的开始
<option></option>：显示下拉列表的目录内容
selected="selected"：写在option标签里，表示默认选中那个目录内容4、<textarea></textarea>：多行文本标签
cols：有多少列
rows：有多少行
第五部分：CSS样式定义与应用
1、CSS：层叠样式表
2、1)css使用规则选择器定义样式，一般写在style标记里
<style type="text/css">
</style>
2)style标记一般写在head里。
3、标签选择器：
语法：
标签名称1，标签名称2…{
属性：值;
属性：值;
属性：值;....
}
注意：1、标签选择器都是以标签开头的，以，号来分割，可以写多个标签
2、字体大小单位px，必须要写
3、属性一般用–进行连接。
4、css样式用/**/进行注释。
swoole内存溢出解决方法4、类选择器:
语法：
.自定义名称{
属性：值;
属性：值;
属性：值;....
}
注意：1、必须以.开头
2、必须要在标签里写class=”自定义名称”;
5、ID选择器：
语法：
#自定义名称{
属性：值;
属性：值;
属性：值;....
}
注意：1、必须以#开头。
mysql存储过程实验环境
2、必须要在标签里写：id="自定义名称"
3、ID选择器是唯一的，只能唯一的给一个标签使用。
6、注意：任何标签都有class和id属性。
7、常用的样式属性：
font-size：字体大小
font-family：字体类型
color：设置文本的颜
vertical-align：文本垂直对齐方式
text-align：文本水平对齐方式
8、超链接的样式属性：
text-decoration属性规定添加到文本的修饰。
none默认。定义标准的文本。
underline：定义文本下的一条线。
overline：定义文本上的一条线。
注意：超链接样式顺序：a:link a:visited a:hover a:active 可以简单记忆为：爱哈LoVe HA（每个的首字母）
为什么要使用这个顺序呢？因为如果顺序乱写的话，超链接的样式可能会不
生效或者出问题。
9、背景样式的使用：
10、样式表的使用：
内嵌样式表包括：标签选择器，类选择器，ID选择器
内嵌样式表的优先级为：ID选择器>类选择器>标签选择器
行内样式表的作用范围：仅限当前的标签。
语法为：<p style=”属性：值；属性：值;…”></p>
注意：任何标签都具有style属性。
外部样式表：把CSS样式写在样式文件里，后缀名为.css
引用CSS文件的方式有2种：
1、链接式：
语法：
<head>
<link type="text/css"
rel="stylesheet"href="css/style.css"/>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。