1.web标准
-结构：html
-表现：css
-行为：javascript
标准是由W3C组织制定的（万维网联盟组织）
2.常用标签
-<!DOCTYPE html>文档类型声明
-html：网页的根标签，所有其他的标签都被包含其中
-head：头部标签，配置一些网页信息
-meta：配置网页
-title：标题标签，显示选项卡中的文本内容
-body：主体标签，所有显示在网页中的其他标签和内容都被包含
-<！--注释 -->：给代码结构做备注
-hr：水平线
-p：段落标签
-font：文本标签 例如<font color="red"></font>
-br：换行标签
旧式写法 新式写法
b 加粗 strong
i 斜体 em
u 下划线 ins
s 删除 del
新式写法更强调语义
标签语义化:在需要的地方用合理的标签
img图片标签
属性:src图片路径，width宽，height高，
title提示信息，alt替换文本，图片不存在时显示，border图片边框
3.路径
相对路径
同级相对路径：网页和其他文件在同一个目录下
下一级相对路径：站在网页角度去寻找图片，要准确写出文件夹的名字
上一级相对路径：站在网页角度去寻找图片,当文件在几个文件夹之外时，有几个文件夹写几个 ../，使网页跳出文件夹，找到文件。
绝对路径
文件在磁盘中的物理位置，出于安全性，不能通过浏览器直接访问磁盘中的文件，可以通过接口的方式进行文件访问
4.空链接
当还没有想好跳转那个页面，建议写两个##，防止跳转网页顶部
5.锚点链接
在网页内部跳转
规则：给需要跳转到的位置的标签用id属性命名，id名是唯一的，不要用数字开头
a标签用href属性关联id名称，要加#号
例如：<p id="one">第一层</p>
<a href="#one">去第一层</a>
6.特殊字符
空格 < < > > ©
7.表格
table:被一组table管理
tr:行
td:单元格
th:表头，默认内容水平居中且加粗
属性：
border:表框
cellspacing :单元格和单元格之间的距离，默认是2px
align:left/center/right 默认是left
caption:标题
width:宽度
height:高度
8.列表
无序列表
被一组ul管理，li是列表项，ul只能包含li,li可以包含其他任何标签
有序列表
被一组ol管理，li是列表项，ol只能包含li,li可以包含其他任何标签
自定义列表
被一组dl管理，dt是主题，dd是列表项，dl只能包含dt和dd,dt和dd可以包含其他任何标签
image.png
9.表单
表单：表单标签 提示信息 表单域
label标签：标题
for属性：关联表单标签的id属性
===============================
input标签：
type属性：
text：输入框
radio:单选
属性：
name:组的概念，让几个单选按钮形成单选效果，起相同的name
checked:默认选中 写法：checked="checked" checked="" checked
button:按钮
属性：
value:按钮文本
submit:提交按钮
reset:重置按钮
==================================
checkbox：复选框
属性：
checked:默认选中 写法：checked="checked" checked="" checked
===================================
select:下拉框
option：下拉项
属性：
selected:默认选中 写法：selected="selected" selected="" selected
optgroup：下拉组
属性：
label:组标题
===================================
textarea:文本域
===================================
form:表单域 将想要提交的标签包含
属性：
action:提交地址
method:提交方式 get/post
===================================
button：按钮
属性：
type:submit()默认 button reset
网友评论