做电子外贸网站住房和城乡建设部电工证

当前位置： 首页 > news >正文

做电子外贸网站,住房和城乡建设部电工证,广州制作网站平台,学习吧网站HTML标签 ’HTML‘全程是‘hypertext Markup langage(超文本标记语言) HTML通过一系列的’标签#xff08;也称为元素#xff09;‘来定义文本、图像、链接。HTML标签是由尖括号包围的关键字。 标签通常成对存在#xff0c;包括开始标签和结束标签#xff08;也称为双标签…HTML标签 ’HTML‘全程是‘hypertext Markup langage(超文本标记语言) HTML通过一系列的’标签也称为元素‘来定义文本、图像、链接。HTML标签是由尖括号包围的关键字。 标签通常成对存在包括开始标签和结束标签也称为双标签内容位于两个标签之间例如 p这是一个段落。/p h1这是一个标题。/h1 a href#这是一个超链接。/a 除了双标签也存在单标签例如 input typetext br hr 区别单标签用于没有内容的元素双标签用于有内容的元素。 HTML文件结构 !– 这里放置文档的元信息 – !DOCTYPE html//告诉浏览器这是一个HTML文件 html//HTML标签对也是根元素HTML的起始点也是文档的最外层容器包含整个文档的结构head文档的头部包含了文档的原信息!– 这里放置文档的元信息 –title文档标题/title文档标题meta charsetUTF-8文档编码格式!– 连接外部样式表或脚本文件等 –link relstylesheet typetext/css hrefstyles.css外部样式表css文件script srcscript.js/script外部样式表js文件/headbody实际显示浏览器页面的内容比如文本图像链接等!– 这里放置页面内容 –)h1这是一个标题/h1p这是一个段落。/p 这是一个链接!– 其他内容 –/body /html//HTML标签对也是根元素 各个标签的含义 /headbodyh1一级标题标签/h1h2二级标题标签/h2h3三级标题标签/h3h4三级标题标签/h4h5四级标题标签/h5p这是一个段落标签/pp更改文本样式b字体加粗/b、i斜体/i、u下划线/u、s删除线/s/pul/无序列表li无序列表元素一/lili无序列表元素二/lili无序列表元素三/li/ulol//有序列表li有序列表元素一/lili有序列表元素二/lili有序列表元素三/li/olh1table row/h1h2table date/h2h3table header/h3table border1 //制作表格 trth列标题1/thth列标题2/thth列标题3/th/trtrtd元素1/tdtd元素2/tdtd元素3/td/trtrtd元素11/tdtd元素12/tdtd元素13/td/trtrtd元素21/tdtd元素22/tdtd元素23/td/tr/table/body/html HTML属性 属性在HTML中起到非常重要的作用它们用于定义元素的行为外观以及与其他元素的关系 基本语法 开始标签 属性名“属性值” 每个HTML元素可以具有不同的属性 p iddescribe classsection这是一个段落标签/p a hrefhttps://www.baidu.com这是一个超链接/a 属性名称不区分大小写属性值对大小写敏感 img srcexample.jpg alt img SRCexample.jpg alt img srcEXAMPLE.JPG alt !–前两者相同第三个与前两个不一样– 属性描述class为HTML元素定义一个或多个类名类名从样式文件引入id定义元素唯一idstyle规定元素的内行样式 例如 h1 idtitle/h1 div classnav-bar/div h2 classnav-bar/h2 a标签常用于创建链接到其他的网页或者位置 href属性定义了这个链接到的目标可以是其他网页的URL文件的路径、电子邮箱地址、手机号等。 target属性定义链接的打开方式 _self是一个默认值表示链接在当前窗口或者标签页中打开 _blank表示链接将会在新的窗口或者标签页打开 _parent表示链接在副窗口或者副框架中打开 _top表示链接在顶层窗口或者顶层框架中打开 例如 a hrefhttps://docs.geeksman.com这是一个超链接/a br //换行标签 a hrefhttps://docs.geeksman.comtarget_blank这是二个超链接/abra hrefhttps://docs.geeksman.comtarget_self这是三个超链接/abra hrefhttps://docs.geeksman.comtarget_parent这是四个超链接/abra hrefhttps://docs.geeksman.comtarget_top这是五个超链接/ahr//水平分割线 img图片标签 src属性定义了要显示图像文件的路径或者URL可以是文件的相对路径、绝对路径也可以是一个URL。 alt属性用于定义图像的这个替代文本图片如果无法加载浏览器就会显示出来alt属性中指定的文本。 设置图像的宽高 width属性设置宽度height属性设置高度。 img srclogo.jpg altwidth500height400hrimg srclog.jpg alt该图片无法显示hrimg src alt HTML区块 - 块元素与行内元素HTML 重要概念学习CSS的前置内容 快元素block 块级元素通常用于组织和布局页面的主要结构和内容例如段落、标题、列表、表格等。它们用于创建页面的主要部分将内容分隔成逻辑块。 快级元素通常会从新行开始并占据整行的宽度因此它们会在页面上呈现为一块独立的内容块。 可以包含其他块级元素和行内元素。 常见的块级元素包括divph1到h6ulollitablefrom等。 行内元素inline 行内元素通常用于添加文本样式或为文本中的一部分应用样式。它们可以在文本中插入小的元素例如超链接、强调文本等。 行内元素通常在同一行内呈现不会独占一行。 它们只占据其内容所需的宽度而不是整行的宽度。 行内元素不会包含块级元素但可以包含其他行内元素。 常见的行内元素包括spanastrongemimgbrinput等。 div标签是一个块级标签通常用于创建一个可以包含其他HTML元素的容器块没有任何语意仅用于组织内容创建页面的布局结构。 比如用div标签创建网页不同的部分例如页眉、导航栏、侧边栏、中间的内容区域、页角。 div classnav//导航栏a href#链接1/aa href#链接2/aa href#链接3/aa href#链接4/aa href#链接5/a/divdiv classcontent//主题内容区域h1文章标题/h1p文章内容/p p文章内容/p p文章内容/p p文章内容/p p文章内容/p /div span标签相对于没有特殊元素的a标签和img标签主要作用就是把一小部分文本给包装起来以便于它们使用样式、CSS或者使用 JS 行为span为行内元素只会独占一行只会占据它内容所需的一个宽度。 例如 span这是第 1 个 span 标签/spanspan这是第 2 个 span 标签/spanspan这是第 3 个 span 标签/spanspan这是第 4 个 span 标签/spanspan这是第 5 个 span 标签/spanhrspan链接点击这里 a href#链接/a /span 总结div标签通常用于创建块级容器以便于组织页面的结构和布局而span标签用于内联样式化文本给文本的一部分应用样式或者是标记使用这两个标签通常是与CSS和 JS 一起使用的这样能实现更加复杂的页面布局和样式化。 HTML表单 form是表单的容器 action表示我们提交标签的时候向何处发送我们的数据action的属性值也就是URL,需要服务器也就是后端提供给我们的API ‘#’表示不跳转锚点占位的作用 input是一个单标签 type属性规定了input元素的类型 placeholder属性的作用是在这个属性值里面填写你想要让它在文本框中显示的内容。给用户填写字段的标识 value属性的作用就是规定我们这个input元素的值 label标签专门为input元素做标记的标签作用与span标签差不多仅限于和input对应使用 radio单选checkbox多选 id唯一 class不唯一 for属性是可以将label标签给绑定到input元素一般input中的for属性与input中id所对应的id对于每个元素每个标签都是唯一的 submit 显示提交提交表单的数据。 formlabel forusername用户名/labelinput typetext idusername placeholder请输入用户名brbrlabel forpwd密码/labelinput typepassword idpwd placeholder请输入内容brbrlabel 性别/labelinput typeradio namegender 男input typeradio namegender 女input typeradio namegender 其他label爱好 :/labelinput typecheckbox namehobby 唱歌input typecheckbox namehobby 跳舞input typecheckbox namehobby rapinput typecheckbox namehobby 篮球brbr input typesubmit value上传/form 注刚开始接触前端希望有大佬提出建议本人虚心学习。