2022-7-9 第五小组 孔海波 学习笔记
作者:互联网
今日学习情况:理解
心情:60%(一般)
第一次学习html,很吃力...
html基础知识
文档的根标签
Head:头,标签处,title:适配搜索引擎
> Body:身体,目前网页看到的东西都是body里的
> Link:链接css,引入格式
> Style:定义格式
> Scripts:定义和引入js
> 基本标签:
> h1-h6:标题标签、字体变大
> p:段落:换行,字体不变,上下空一行
> br:换行(回车)
> 文本格式化标签
> <b>加粗</b>
> <c ode>计算机代码</code>
> <em>强调文本,把原始字体斜了</em>
> <i>斜体,一种字体</i>
> <kbd>en</kbd>
> <pre>预格式
> 可以回车
> </pre >
> <small>更小的字体</small><br>
> <strong>加粗</strong>
> <abbr >缩写</abbr>
> 超级链接:a
> Href:1要去的地方,全网址;2默认去的地方
> ../ 返回上一级目录
> ./可以加
> Target:怎么打开目标地址 _blank新打开一个页面 _self:当前页面打开(默认)
> _parent:在父容器窗口打开;_top:在最顶级父窗口打开
> Title:当鼠标在标签上出现的文字
> 图片:img
> Src:路径
> height="100"
> width="200"
> Alt:在图片没加载出来,或者路径写错显示
> Align:对齐方式
> Marquee:滚动文字
> 区块\空白:
> Div:有长宽
> Span:内容多大,他就多大
> 列表
> 无序列表:ul嵌套li
> 无序列表:ol嵌套li
> 自定义列表:dl 嵌套dt dd
> 表格:table>tr*5>td*5快捷键
> <td colspan="3" rowspan="2">备注</td> 跨列,跨行
框架:iframe
Src:目标页面路径
转义字符: <p><br>
空格
©版权号
<hr> 水平分割线
表单元素:提交数据。
form
action:数据提交地址
submit等只能控制在同一个form标签里元素
注释 <!--注释-->
<input type="text">普通文本框
alue值就是文本框内容 maxlength最大长度 readonly只读 disabled失效 placeholder 文本框提
示信息。Required 必填框。
<input type="password">密码框
<input type="radio" 选择框name="gender" 互斥checked 默认选择>男
<input type="radio" name="gender">
<input type="checkbox">游泳 多选框
家庭住址:<select>
<option>吉林省</option>
<option>安徽省</option>
</select>下拉框
<input type="mail"> 邮件文本框
<input type="date"> 日期文本框
<input type="number" min="0" max="10000"> 数字选择最大最小
<input type="file">问价选择
前后端工作
浏览器开发工具
Id是每个html元素的唯一标识(不能重复)
几乎所有元素都有一个name属性
表单元素提价格是 =左边是表单元素的name属性 右边是表单元素的value属性
Method
Get:数据提交在地址栏,有限制,不安全
Post:提交的数据不在地址栏,封装在请求体,长度没有限制。
什么是html5?
1999年4就废除很多标签 2012推出5——推出了新规范、新标签
Audio音频 <audio src="ddyhql.mp3" controls></audio>
Video视频 还有其他的语义标签 HTML5兼容性还不是很好
今天的两个标签大类
1行级元素(不能自己换行):<h1></h1>-<h6></h6>、<b>加粗</b>
<code>计算机代码</code>、<em>强调文本,把原始字体斜了</em>
<i>斜体,一种字体</i>、<kbd>en</kbd>、
<small>更小的字体</small>、<strong>加粗</strong>
<abbr>缩写</abbr>、<cite>工作</cite>
Log<sub>下标文本</sub>、6m<sub>上标2</sub>
<ins>插入文本</ins>、<fund>color = "red",我是found</fund>。
2块级元素(能自己换行):<pre>预格式 可以回车</pre>
<address>地址</address>、 <bdo>文字方向</bdo>
<blockquote>从其他地方引入文字</blockquote>-->![]
标签:海波,标签,元素,笔记,表单,字体,文本框,2022,加粗 来源: https://www.cnblogs.com/wubishurufa/p/16471769.html