2022-07-9 第七小组 wly html学习笔记

2022.7.9今日重点：1.超级链接2.表格3.表单4.浏览器开发工具

一、Java软件架构
C/S:使用之前需要安装。大部分游戏。client server
B/S：Brower浏览器 Server 服务端编程--我们主要浏览器/服务器的开发。
web前端：客户端编程

前后端分离
前端与后端独立。
后端：数据接口，后台url地址，http请求访问url接口，实现数据交互

前端必备
HTML,CSS,JS
HTML：用来描述网页的一种语言；超文本标记语言。动画，音频，视频，特效，超链
用标签来定义网页
成对儿标签 <abc></abc>
<abc/>单独

二、浏览器
1.IE(兼容性差)
2.firefox火狐 优势：纯中文，firebug,缺点：总需要更新
3.谷歌浏览器chrome：行业规范
4.sarifi,苹果浏览器
5.其他：QQ,360 百度 2345

三、html中标签含义
1、head中引入的标签含义
html:文档的根部
head:头，标签处、里面有：title成对:适配搜索   meta单独charset=''UTF-8''代表可以使用所有语言
link链接单独，引入cee样式，style:定义css样式。script:定义js,也可以引入js

2、body中引入的基本标签
h:h1~h6：标题标签，字体变大变粗变黑，依次变小变细，上下空一行
P:段落：可以来换行，即上下空一行，两行直接想空行
br:换行，居中就可以，相当于回车

3、超级链接(重要)
普通的链接：<a href=""></a>
title:链接的提示文字

4、图片
src：图片的路径；alt:图片加载不出来的时候，给的图片提示文字
height:高；width:宽（尽量指定一个属性）
align:对齐方式（不单只图片）
marquee:弹幕；loop:循环，设置循环次数;

5、区块/空白
div/span:空白【css】,div是一个块，立方体可以有宽和高；span:不显宽高，尺寸根据字体大小确定

6、组标签
（1）无序列表：自带换行
       ul:嵌套着li, （前面一般有标识符小黑点，用type改变黑点样式）
（2）有序列表：自动换行，除了文本格式化
       ol嵌套这li
（3）自定义列表
dl嵌套dt和dd

7、表格

<table>

        <tr>

            <td></td>

        </tr>

    </table>
border:线，cellspacing:单元格间距    cellpedding:   单元格内间距，字体到线距离； height,align,background:背景图片，
背景图片背景颜色同时出现先显示背景图片
tr-th表头  thead:语义化,表示将表头部份包起来；thaed;tbody;tfoot
colspan:跨列，合并单元格
rowspan:跨行，合并单元格
缩进shif+alt+f

iframe框架，内嵌其他网页
iframe src=;height;width
src:目标页面的路径

转义字符（实体）：&lt小于号，&gt大于号，&nbst空格
&copy版权号
hr:水平分割线

8、表单元素：

    1. form：提交数据
    2.  action：数据的提交地址

    3. radio:单选框，可以用name来区分，name="gender">男；文本框：text;password:密码
    4. checked：默认选择，复选框。
   5.  提交和重置按钮：input或button（有form就用input，没有就用button---只能控制和它们在同一个form中的元素
   6.  value：价值
    7. disabled：只读，不可修改
    8. required: 必须完成的要求
    9. id：每个HTML元素的唯一（不能重复）标识

9、HTML5新推出
audio,video
语义化
footer网页的脚；header 网页的头；nav导航栏；aside侧边栏；time定义日期或时间
HTML5兼容性不是很好

总结：笔记是跟着老师记的，自己总结的地方有点少，这个博客还得完善。这部分的知识因为上个学期在学校学过，都勉强跟着，还是有点吃力。这一天的知识几乎是我们在学校一个学期的知识，一个学期的课程老师是要求我们四个人为一组制作一个网页，而今天是一个人一晚上制作一个简单的网页，还是很有难度。感觉自己就是对知识的理论掌握了，但是运用实际时，还是有点困难，但最后也挑战了自己完成了作业。