当前位置: 首页 > Web前端 > HTML

前端学习第一阶段-HTML

时间:2023-04-02 21:41:12 HTML

在一定的基础上巩固和深入学习---DAY-1HTML1.HTML是一种超文本标记语言(由各种标签组成)二.常用浏览器(阅读网页内容):IE、Firefox、Google、Edgo、Safari、OperaIII。Web标准(W3C)包括结构、性能和行为标准结构结构用于组织和分类网页元素(HTML)性能用于设置网页元素的布局、颜色、大小和其他外观样式(CSS)行为指到网页模型定义和交互写作(JS)IV.语法规范标签1.1双标签1.2单标签
标签关系2.1包含关系(父子)2.2并列关系(兄弟)五、基本结构//文档声明类型//定义当前文档显示语言(en英文网站,zh-CN中文网站)//指定html使用的字符编码Document六。HTML中常用的标签Title标签

-

//一共六级,每个title占一行

Level1heading

paragraphandlinebreaktag

文本格式化标签strong/b,em/i,del/s(删除线),ins/u(下划线)框标签
独占线线可放多个图片标签5.1图片标签单标签属性:src图片路径titlemouseoverthetextaltreplacetext(当图片无法正常显示时)width(px)heightheight(px)边框粗细(px)可以有多个属性,没有特定的顺序。属性由空格分隔。下级:/上级:../5.2.2绝对路径目录下的绝对位置,一般从盘符开始例:D:\git\2021\rendc\day16\1-一元运算符。js超链接标签6.1a标签textorimage属性:herf:链接urltarget:url打开方式_self默认值,_blankopensinanewwindow6.2Link外部链接:http://www.baidu.com内部链接:day1.html(同级)空链接:#下载链接:.exe/.zip网页elementlink:将超文本内容作为链接anchorlink:快速导航到页面位置textorimagetextorimage注意标签html:CSS:/*Thisisalineofcomment*/JS://Thisisalineofcomment数据9.2基础语法9.2.1标签定义表格的标签table
定义表格中的行,必须在表格中定义表格中的单元格,必须在tr表头,文本将加粗并居中表格可以分为三个区域Example:Numberth>Name性别生日1tom男2021-03-01jacky男2021-03-01vicky女2021-03-019.2.2Form属性(不常用,后面用CSS)alignvalue=left,center,right对齐border是否有边框,默认无cellpadding指定单元格边缘与内容之间的间距,默认为1cellspacing指定单元格之间的间距,默认为2widthtablewidth9.2.3合并单元格跨行合并:rowspan="合并数",写到上边跨列合并:colspan="合并数",写到左边列表标签布局,整齐有序10.1无序列表并列,ul只能嵌套li,所有元素都可以嵌套在li
  • 1
  • 2
10.2有序列表按照一定顺序排列
  1. 1
  2. 2
10.3自定义列表用于解释和描述不带任何符号的术语或名词
关注我们
新浪微博
官方微信
表单标签用于收集用户标签,由表单域、表单控件和表单信息组成11.1表单域包含表单元素的区域
向服务器提供表单元素信息
属性:action指定接收和处理表单数据的服务器程序的url地址method设置表单数据的提交方式,valueget,postname指定表单名称,用来区分一个页面中的多个表单字段表单元素,单标签radiobutton:radiocheckbox:checkboxsubmitbutton:submitresetbutton:resetbutton:buttonfile上传文件名:定义输入元素的名称。单选按钮和复选按钮应具有相同的名称。一个表单元素,当你点击label标签中的文字时,浏览器会自动关注对应的元素,增加用户体验