认识元素周期表感受(认识元素周期表研究报告)

lxf2023-03-18 12:00:01

前端现在越来越火,可以用去年流行的一句话来形容——“风口上的猪”。希望这一系列的随笔能给那些没有基础却想上前线的人一些帮助。

认识一个html文档的基本结构: Here is title Here is content.

HTML文档由一个 HTML元素定义,该元素引用从开始标签到结束标签的所有代码

  • 首先,HTML元素从闭合属性上可分为2类:
  • 自闭和标签自闭和标签在html元素中的比例不大,常用的就以下几个:认识元素周期表感受(认识元素周期表研究报告)

    从上面的标签可以看出,自闭合标签形如: (建议:/和前面的标签名之间空一格)
    首先,html元素按照关闭属性可以分为两类:自关闭和标签自关闭,标签在HTML元素中所占的比例并不大,常用的有:

    从上面的标签可以看出,自关闭标签有:(suggestion:/和前面的标签名空)
  • 下面着重介绍一些以后天天都会用到标签
  • img标签的两个常用属性是必须的:src (source)属性:其值是图像文件的URL,即引用图像的文件的绝对路径或相对路径;Alt属性是不必要的:它指定了替换文本,当图像无法显示或者用户禁用图像显示时,替换图像在浏览器中显示的内容;(注意:我们强烈建议您在文档的每个图像中使用该属性。这样,即使图像无法显示,用户仍然可以看到一些关于缺少什么的信息。)
  • 粘贴_图像. png

    粘贴_图像. png

    英国铁路公司


    可插入一个简单的换行符。注释:请使用
    来输入空行,而不是分割段落。
    投入

    标签用于搜集用户信息。根据不同的 type 属性值,输入字段拥有很多种形式:输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。
    1.文字框

    value代表此文本框中显示的值,placeholder设置的值表示当value为空时,给用户的提示文字。

    粘贴_图像. png

    2.密码箱

    粘贴_图像. png

    3.收音机盒

    男 女value:在界面上不会显示出来;checked:如果存在,则表示默认选中;name: 当多个的name属性值相同时,表示这多个单选框,同时只能有一个选中;

    粘贴_图像. png

    4.复选框

    足球 篮球多个复选框的name即使相同,也可以同时选中;

    粘贴_图像. png

    粘贴_图像. png

    Textarea元素在这篇文章中,你可以对html元素有一个基本的了解。标记定义了一个多行文本输入控件,它是一个单行文本框。可以通过cols和rows属性指定textarea的大小,但是最好使用CSS的height和width属性。

    粘贴_图像. png

    A标签我的个人网站
    href属性是一个链接的必要属性,代表你需要跳转到的网页链接;target属性有两个常用值:target="_blank ":表示在新窗口中打开页面;Target="_self "(默认值):表示在当前窗口打开;标题属性:当用户悬停在链接上时,会出现提示文字,提示文字的内容就是你设置的属性值;

    粘贴_图像. png

    选择标签,请选择学院名称;风景园林学院、家具设计学院、艺术设计学院、林学院、信息科学与技术学院;您可以创建单选或多选菜单;select元素中的标签用于定义列表中可用的选项。

    粘贴_图像. png

    粘贴_图像. png

    表格元素名称 性别 abcdefg 男人 尹肖飞 男人 表格一般由多个子元素构成:
    :最外层容器(可以通过设置border属性来控制表格边框);:表格头——用于包裹表格的顶部信息;: 表格主题内容;表示一行记录;表示一列,但嵌套在tbody标签的tr标签内;也表示一列,但嵌套在thead标签的tr标签内;注意:一个表格只有一个table标签;一个table标签内只有一个thead和一个tbody;一个thead内只有一个tr,thead中的tr中可以有多个th(可以有多列);一个tbody中可以有多个tr(可以有多行记录),每个tr中可以有多个td(可以有多列);
    粘贴_图像. png

    粘贴_图像. png

    按钮元素提交按钮

    粘贴_图像. png

    标签元素Male
    Female标记为输入元素定义了一个标签(标记)。label元素不向用户呈现任何特殊效果。但是,它提高了鼠标用户的可用性。如果单击label元素内的文本,将触发该控件。也就是说,当用户选择标签时,浏览器会自动聚焦到与该标签相关的表单控件上。标记的for属性应该与相关元素的id属性相同。

    粘贴_图像. png

    粘贴_图像. png

    Ul标签咖啡
  • 牛奶
  • 标签定义无序列表。
    粘贴_图像. png

    Ol标签咖啡
  • 牛奶
  • 咖啡
  • 牛奶
  • 咖啡
  • 牛奶
  • 标签定义有序列表。ol上有以下几个常用属性:start规定有序列表的起始值,默认为1。type规定在列表中使用的标记类型。
    粘贴_图像. png

    Dl标签定义列表为信息科学与技术学院、风景园林学院、家具设计学院、艺术设计学院、林学院的标签定义。标签用于组合dt(定义列表中的项目)和dd(描述列表中的项目)。

    粘贴_图像. png

    p标签

    文章的段落内容

    标签有精确的语义,用于定义段落。

  • H1-h6标签

    这是标题1。

    这是标题2。

    这是标题3。

    这是航向4。

    这是标题 5这是标题 6

    -标签定义了标题。定义最大的标题。定义最小的标题。因为H元素具有精确的语义,所以请仔细选择合适的标记层次结构来构造文档的结构。因此,请不要在同一行中使用title标签更改字体大小。

  • 粘贴_图像. png

    Div标签
    你可以在里面只放文字,或者其他任何标签,当然你也可以把自己
    news headline 1。

    一些文字。一些文字。一些文本...

    这是链接
    可定义文档中的分区或节(division/section),用于网站布局,块状分隔。
    标签可以将文档分成独立的不同部分。它可以作为一种严格的组织工具,并且不以任何格式与之相关联。

    粘贴_图像. png

    尹肖飞,网络的前端,尽了最大努力,听天由命。

    标签可以放在任何元素中,行内元素,多个span可以在同一行。
    粘贴_图像. png

    form tag标签用于创建供用户输入的HTML表单,用户看不到表单元素在页面中的显示效果。表单可以包含输入、标签、按钮、选择等元素。
    快掌握这些基本的html元素,开始自己的前端学习之旅吧~