汤圆baby呀
汤圆baby呀

谁还不是初学前端的小朋友啊

Wbe标准
兼容性是浏览器中最难解决的问题，由于无法改变浏览器，所以用统一的语言，写的代码标准化。
三部部分组成：《1》结构：html
《2》表现：css 让网页更漂亮
《3》行为：js :Javascript
HTML:html是超文本标记语言，用来描述网页的语言。HTML不是编程语言，是标记语言。用文字来表示的标记语言。
超文本：除了文字之外，还可以有图片，链接
HTML有自己的格式规范
基本骨架：





根标签
头部
文档标题
文档主题
html标签分为1.双标签；类似
2.单标签：

html标签的关系：1.与 父子关系
2.与并列关系

字符集：utf-8是目前最常用的字符，它包含全世界国家所用到的字符。

标签：语义化标签：在合适的地方用合适的标签，一眼看过去就知道那个是重点
html和css是两种完全不同的语言
排版标签：
1.标题标签：标题标签有6级，分别是：

;

;

;

;
;

这六个级别，标题字体逐渐变小。
2.段落标签 paragraph

文本内容

默认自动换行
3.水平线标签：是一个单标签。

4.换行标签：
break
段落与段落之间距离较大，而换行距离较小。

div span 标签
没有语义，使我们网页布局主要的两个盒子 ：css+div

通信与信息工程学院

信息安全专业

会在网页上产生： 通信与信息工程学院
信息安全专业

通信与信息工程学院
信息安全专业
会在网页上产生： 通信与信息工程学院 信息安全专业
文本格式华标签：1.加粗字体的作用
2.倾斜的作用
3.加删除线的作用
4.加下划线的作用
特殊字符标签：1、空格符的字符代码是： 
2,<的字符代码是<
3.>的字符代码是&rt；
注释标签：注释主要是写给队友看的；

路径：
页面找图片的路径
1.相对路径有三种
（1）图片文件夹和html文件同一路径

(2)图片文件在html文件下一路径

(3)上一路径

2.绝对路径：
在能上网的情况下，右击 复制图片地址
l
列表标签：
1.无序列表


  • 苹果

  • 柠檬

  • 橙子


注意
    标签中只能放
  • 标签
    而
  • 标签中则可以放其他标签

    2.有序列表


    1. 苹果

    2. 柠檬

    3. 橙子


    3.自定义标签

    名词1

    名词解释1

    名词解释2

    \dt>名词2
    名词解释1

    名词解释2

    表格：主要目的是显示数据； 能手写表格结构，并合并单元格
    创建表格：


    行
    列
    属性： 1.border 设置表格的边框
    2.cellspacing 设置单元格与单元格边框之间的空白间距
    3.cellpadding设置单元格的内容与单元格边框之间的空白间距
    4.width 设置表格的宽度
    5.height设置表格的高度
    6.align设置表格在网页中的对齐方式 center left right
    一般情况下，三参为0：border cellspacing cellpadding 为0

    表头标签：（单元格表头）


    表格标题：


    我的表格标题

    caption紧随table之后；只存在表格里面
    表格结构：

    合并单元格：rowspan跨行合并
    colspan跨列合并
    注意：1.先确认是跨行还是跨列
    2.先上后下 先左后右
    删除的个数=合并的个数-1
    表单标签：目的:收集信息
    1.表单控件
    2.提示信息
    3.表单域
    属性 属性值 描述
    t type text 单行文本输入框：
    pasword 密码输入框：
    radio 单选按钮：性别

    男
    女

    checkbox 复选框：
    喜欢的类型：

    妩媚
    漂亮
    温柔

    button 普通按钮：
    submit 提交按钮：
    reset 重置按钮：
    image 图像形成的提交按钮：
    file 文件域：上传图像
    name 由用户自定义 控件的名称
    value 由用户自定义 input控件中的默认文本值
    size 正整数 input控件在页面中显示的宽度
    checked checked 定义选择控件默认被选中的项：女

    l label标签
    为input服务



    例如：

    textarea控件（文本域）
    例： 给我留言/
    /