整理了点内容,放这了,有缘自取

说实话,看这玩意不如自己动手操练操练

HTML Hyper Text Markup Language超文本标记语言

标题标签

-


双标签

段落标签

标签用于定义段落

换行标签
break的缩写,强制换行(单标签)

文本格式化标签 粗体粗体加粗,斜体下划线,删除线

没有语义,盒子,装内容。布局标签,盒子套盒子 div是division的缩写,
,分区,一行只能放一个div
span一行可以有多个

图像标签
src指定图像路径和文件名
其他属性:alt 图像不能显示时文字,替换文本
title 提示文本,鼠标放在图像上显示的文字
whdth height border 像素

相对路径:相对于当前文件的位置,同一级路径,下一级路径src=”文件夹名字/xx/xx.jpg”,上一级路径src=”../xx.jpg”,所以说使用时要放的近一些~
绝对路径:指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。
电脑中的位置或完整的网络地址!
/*
超链接标签 标签用于定义超链接,作用是从一个页面链接到另一个页面

href:用于打开连接目标的url地址(必须属性)
target:_self 当前窗口打开页面(默认),_blank为新窗口打开页面
1、外部链接
2、内部链接直接链接内部页面的名称
3、空链接
4、下载链接

5、 网页元素的链接 例如

6、锚点链接 点击链接快速定位到页面的位置
建立联系 在链接文本href中设置属性值为 #名字
目标位置标签里面添加一个id属性,id=名字
*/

注释
CTRL+/
特殊字符  空格字符 大于号> 小于号<

表格标签

用于定义表格中的行,必须嵌套在

table data 用于定义表格中的单元格,必须嵌套在

table head 表头单元格,会加粗居中显示
相关属性 align 属性值 left、center、right 表格相对周围元素的对齐方式
border 1或”” 规定表格是否拥有边框,默认为””
cellpadding 规定单元边沿与内容之间的空白,默认1
cellspacing 规定单元格之间的空白距离,默认2像素
width 像素值或百分比 规定表格的宽度
为了更好的表示表格语义,可将表格划分为表格头和表格主体

标签表示表格头部区域 表示表格主题区域

合并单元格 rowspan=”单元格数量” 跨行合并 colspan 跨列合并 删掉多余单元格

无序列表 并列

表示无序列表,列表使用
  • 表示
      标签中只能放
    • 标签,
    • 可以放任意元素

    有序列表

      表示有序列表,
    1. 定义列表项
      注意事项和无序列表一样

    自定义列表

    标签用于定义描述列表
    定义项目/名字
    描述项目/名字
    只能包含

    表单标签
    1、表单域

    form里直接写文字?简单粗暴

    </from> method的取值为get/post
    2、表单元素


    属性:text 定义单行输入字段,默认宽度20个字符
    password 定义密码字段,字符被掩码
    radio 单选按钮
    checkbox 复选框(多选)
    submit 提交按钮(value更改里面的文字)
    reset 重置按钮(value更改里面的文字)
    button 普通按钮 js
    file 文件域 上传文件

    input:name 自定义属性 定义input元素名称 要求单选框和复选框要有相同的name值,name相同能做到单选
    value 自定义属性 规定input 元素的值,里面的元素信息(试试就知道了)
    checked 页面打开时默认选中 checked=”checked”
    maxlength 规定输入最大字符长度

    标签 用于绑定一个表单元素


    for 属性与对应表单的id相同即可(没绑定上呢。。。)


    </select>
    至少包含一对

    默认选中项


    属性知道就行,不怎么用~

    在html中每个元素都有id属性,id属性是该节点的唯一标识
    表单提交数据只和name有关,和id无关

    CSS 层叠样式表

    CSS语法:(一般放在head)
    选择器:
    标签选择器 不方便

    类选择器 样式点定义,结构类调用 .类名{ } 不要使用数字,中文
    例如


    类选择器还能画盒子~
    多类名 一个标签指定多个类名 多类名中间用空格分开
    可以把公共样式放在一起,统一修改,方便

    id选择器 #id{}


    id只能调用一次,此处展现了id的唯一值属性

    通配符选择器

    • { } 更改页面所有标签 不需要调用
      基本不用

    CSS字体属性
    font-family: ‘’; font-size: 20px; font-weight: ;//不用跟单位
    font-style: normal; //italic 斜体

    font复合属性 font: font-style font-weight font-size font-family; 顺序不要变~ suanle
    size 和 family 必须有

    文本属性 CSS Text
    color 十六进制最常用吧 #000000;
    文本对齐 text-align 只能设置水平对齐方式
    center left right

    文本装饰 text-decoration
    none 默认 underline 下划线 overline 上划线 line-through 删除线

    文本缩进 text-indent 段落首行缩进 单位 px/em(16px) 相对单位

    行间距 line-height 文本高度+上下间距 px

    样式表分类

    1、行内样式表(行内式)简单修改使用

    2、内部样式表(嵌入式)
    将css写入到html中,放在