2022-07-9 第五小组修身课学习笔记（every day）

最新推荐文章于 2024-09-14 21:53:48 发布

weixin_45777469

最新推荐文章于 2024-09-14 21:53:48 发布

阅读量90

点赞数

文章标签：学习 java servlet

本文链接：https://blog.csdn.net/weixin_45777469/article/details/125729593

版权

这篇博客介绍了HTML的基础知识，包括HTML5的声明、网页结构、标签使用，以及浏览器兼容性和开发工具。重点讲解了超链接、表格、表单和浏览器开发者工具的使用。同时，提到了HTML5的新特性如音频、视频和语义化标签，但指出其兼容性问题。博客还探讨了行级和块级元素的区别，并列举了常见的文本格式化标签。

摘要由CSDN通过智能技术生成

html课堂随记

Hyper Text Markup Language(超文本标记语言)

<!DOCTYPE html>//html5网页声明
<html> 
  <head>
    <meta charset="utf-8" />//<meta />设置网页编码格式位utf-8
    <title>文档标题</title>//<title>设置文档标题
</head>
<body>
    ....页面内容（各种标签）
</body>
</html>

HTML：HTML是用来描述网页的一种语言
超文本标记语言。动画。音频，视频，特效，超链。
用标签来定义网页
<asdasdasdasdasd></asdasdasdasdasd>成对
<asdasdasdasdasd />单独

浏览器
流行浏览器：
1、IE微软宣布永久关闭IE
2、firefox火狐逐渐没落，中文，firebug
3、Chrome谷歌，行业的规范
4、sarifi，苹果浏览器 webkit
5、其他QQ 360 百度 2345 遨游.....

webstorm
hbuilderX国产 vue尤雨溪

html：文档的根标签
head：头，标签处。
   title：适配搜索引擎。meta charset=utf-8
   link：链接css的，引入css样式
   style：定义css样式
   script：定义js，也可以引入js

body：身体。目前来说在网页上看见的所有的东西都是body里的

浏览器有一个功能：纠偏

基本标签：
h1~h6：标题标签，字体变大，变粗，变黑，上下空一行
p：段落，上下空一行
br：换行，一个br就是一个回车。

文本格式化标签：

超级链接：a（重要）
   href：要去的地方
       http地址（完整域名）:带有http或https的完整网址
       默认的方式去到当前项目下某一个页面（地址）
           ../：返回上一级目录
           ./：当前目录（不需要写）
   target：目标。怎么打开目标地址
       _blank：在新窗口打开
       _self：在当前窗口打开（默认）
       _parent、_top：在父容器（顶级父容器）打开
   title：标题，当鼠标悬停在标签上出现的提示文字
图片：img
   src：图片的路径
   height、width：宽和高（尽量指定一个属性，等比例缩放）
   title：
   alt：图片无法正常加载的提示文字
   align：对齐方式
区块/空白：
   div：块。立方体，可以有宽高
   span：行。没有宽和高。尺寸是根据内容确定
无序列表：
   <ul>
       <li></li>
   </ul>
有序列表：
   <ol>
       <li></li>
   </ol>
自定义列表：
   <dl>
       <dt></dt>
       <dd><dd>
   </dl>
表格：一组标签
table>tr>td
<table border="1" cellspacing="0" cellpadding="10" bgcolor="yellow" align="center" height="500" width="500">

框架：ifream
src：目标页面的路径

转义字符（实体）：
<> &copy.....

<hr>水平分割线

表单元素：提交数据
form：
action：数据的提交地址

注释：

提交和重置按钮，只能控制和他们在同一个form标签内的元素

所有的文本框的内容都是它的value属性

前后端交互的事情，
浏览器开发者工具的使用

id：每个HTML元素的唯一（不能重复）标识

    <b>加粗</b><br>
    <code>计算机代码</code><br>
    <em>强调文本</em><br>
    <i>斜体</i><br>
    <kbd>键盘输入</kbd><br>
    <pre>预格体</pre><br>
    <small>更小的字体</small><br>
    <strong>加粗</strong><br>
    <abbr >缩写</abbr><br>
    <address>地址</address>
    <bdo dir="">文字方向</bdo>
    <blockquote>从另一个源引入</blockquote>
    <sub>下标文本</sub>
    ../ :返回上一级路径
    ./ : 当前目录
    target:目标，怎么打开目标地址
    _blank:打开新的窗口
    title:标题，点我提示
    <marquee behavior="" direction="">弹幕</marquee>
    audio src="">音频</audio>
    <video src=""></video>视频

思考：
为什么用户名，密码，邮箱，生日，薪水不加value？
为什么性别，爱好，地址要加value？

表单提交的数据格式：username=admin等号左边是表单元素的name属性，右边是表单元素的value属性

method：
get：提交的数据都会显示在地址栏，不安全，地址栏长度是有限制的。
post：提交的数据是不显示在地址栏，封装一个请求体，长度也没有限制了。

HTML4的表单完事了！！！

什么是HTML5？

1999年HTML4就已经改变了很多了。在HTML4时代好多标签已经废弃了。
在HTML5的时代就不推荐使用。在2012年，推出了新的HTML规范，HTML5。

推出了一些新的标签
audio音频
video视频

新增了一些语义化的标签。
语义化：给程序员设立的规则。thead

HTML5兼容性还不是很好。

分为两大类：
1、行级元素：不能自己换行。
2、块级元素：可以自己换行。

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