ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

2022-7-9 第五小组 孔海波 学习笔记

2022-07-12 21:04:10  阅读:131  来源: 互联网

标签:海波 标签 元素 笔记 表单 字体 文本框 2022 加粗


今日学习情况:理解
心情: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:目标页面路径
     转义字符:  &lt;p&gt;<br>
        	 &nbsp;空格
         	 &nbsp;
        	 &copy;版权号
     		 <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

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有