前端html基础第一节

  

& lt; !DOCTYPE html>
& lt; html>
& lt;头lang=癳n"在
& lt;元charset=癠TF-8"在
& lt; title> html的部分应用& lt;/title> & lt; !——网页的名字1——在
& lt;/head>
& lt; body> & lt; !——所编程序需要在身体中书写——在

  
 <代码> & lt; h2对齐=爸行摹痹诒晏? lt;/h2> & lt; !——标题标签总共有6个,1的标题最大,里面附属内容可以放置标题位置,现所加为居中2——比;
  & lt; h5>标题& lt;/h5>
  
  & lt; p>这是个段落& lt;/p> & lt; !——标签作用为标签内的内容为单独一段3——比;
  这是个段落
  这是个段落& lt; !——未加p标签故二者在同一行,在
  
  & lt; p> & lt; a href=" https://www.baidu.com "祝辞百度& lt;/a> & lt;/p> & lt; !——超链接标签,会形成一个按钮,href后面写地址,两个标签中间是按钮名称4——比;
  & lt; p> & lt; a href=" https://www.baidu.com " target="平等"的在百度& lt;/a> & lt;/p> & lt; !——后面加的trrget的内容,意思是在新的页面打开百度——比;
  & lt; p> & lt; a href=" https://www.baidu.com " target=" _parent祝辞百度& lt;/a> & lt;/p> & lt; !——在原页面打开,如果不添加默认原网页打开——比;
  
  & lt; p> & lt; name="名称“祝辞& lt;/a> & lt;/p> & lt; !——锚记标签在需要跳转到的位置处添加一个锚记,名字后写锚记名称5——比;
  & lt; p> & lt; a href=" https://www.yisu.com/zixun/名称“在同页演示按钮& lt;/a> & lt;/p> & lt; !——跳转按钮,赫夫后写#锚记名称(锚记名字后自己起的名称),双标签中写按钮名称点击后会跳转至锚记所处位置——比;
  & lt; p> & lt; a href=" https://www.yisu.com/zixun/文件名#锚记名称“祝辞& lt;/p>换页演示按钮(因为没有相对应锚记故跳转不了会产生错误,仅为教学)& lt;/a> & lt; !——#前面加文件名可以跳转至文件名所处页面——比;
  & lt; p> & lt; a href=" https://www.yisu.com/zixun/帖子html 2. #章鱼”目标=捌降取钡脑谔撂? & lt;/a> & lt;/p>
  
  & lt;人力资源宽度="宽度“颜色=把丈贝笮=跋叽窒浮?祝辞& lt; !——水平线标签,里面可以加一些附属内容,默认为一条黑色水平线6——比;
  & lt;人力资源宽度=" 50 "颜色=昂焐贝笮=" 60 "/比;
  
  & lt; br/祝辞& lt; !——换行标签7——比;
  锄禾日当午& lt; br/比;
  汗滴禾下土
  谁之盘中餐
  粒粒皆幸苦& lt; !——没添加标签所以为同一行——比;
  
  & lt; !——空格标记符号,单纯空格没用,或者使用全角下的空格8——比;
  & lt; p>爱情& lt;/p>
  & lt; p>爱情& lt;/p>
  
  & lt; pre>需要填写的东西/pre> & lt; !——预格式化标签,把要写的东西写在里面就会在网页上展示出来,不会被读写9——比;
  & lt; pre>
  爱情& lt; !——空格此时就可以用——比;
  123456
  & lt;/pre>
  
  & lt; p> & lt; em>嗯嗯& lt;/em> & lt;/p>
  & lt; p> & lt; i>嗯嗯& lt;/i> & lt;/p> & lt; !——倾斜标签10——比;
  
  & lt; p> & lt; b>加粗& lt;/b> & lt;/p>
  & lt; p> & lt; strong>加粗& lt;/strong> & lt;/p> & lt; !——加粗标签11——比;
  
  & lt; p> & lt; big>字体放大& lt;/big> & lt;/p> & lt; !——放大缩小标签12——比;
  & lt; p>正常字体& lt;/p>
  & lt; p> & lt; small>字体缩小& lt;/small> & lt;/p>
  
  & lt; p> & lt; code>放置代码& lt;/code> & lt;/p>
  
  & lt; p> & lt; del>删除线& lt;/del> & lt;/p> & lt; !——13比;
  
  & lt; p> & lt; sub>下标& lt;/sub> & lt;/p> & lt; !——上下标14——比;
  & lt; p> & lt; sup>上标& lt;/sup> & lt;/p>
  & lt; p> H 2 & lt;/sub> SO 4 & lt;/sup> & lt;/p>
  
  & lt; img src=" https://www.yisu.com/zixun/图片路径”alt="信息提示(因为没图片路径,所以加载不出来,添加这个后就显示这个的内容)“title=巴计枋觥笨矶?巴计矶取备叨?巴计叨取?祝辞& lt; !——图片单位:像素(px)百分比(%)——比;
  & lt; img src=" https://www.yisu.com/zixun/延安jpg”alt="延安“title=把影脖λ健笨矶??0”/祝辞& lt; !——图片15——比;
  
  & lt; h4祝辞接下来学习表格& lt;/h4> & lt; br/比;
  & lt; br/比;
  & lt;表边界="边框线”单元格间距=氨呖虻ピ窦渚唷钡ピ癖呔?暗ピ裉畛?边距)”宽度=氨砀窨矶取弊4? lt; !——表格标签以及所属内容16——比;
  & lt; caption>表头& lt;/caption>
  & lt; tr> & lt; !——控制行多少行——比;
  & lt; th行宽=?”在标题行& lt;/th> & lt; !——加粗所写内容所加为跨列标识,数字为几就合并几列列——比;
  & lt; td>普通行& lt;/td> & lt; !——控制列——比;
  & lt; td>普通行& lt;/td>
  & lt;/tr>
  & lt; tr>& lt; !——跨行跨列均需要删除所跨的那个——比;
  & lt; td colspan=?”在跨行& lt;/td> & lt; !——所加为跨行,数字为几就合并几个——比;
  & lt;/tr>
  & lt;/table>
  
  & lt;表比;
  & lt; caption>班级信息& lt;/caption>
  & lt; tr>
  & lt; th colspan=?”在三年级& lt;/th>
  & lt; th colspan=?”在二班& lt;/th>
  & lt;/tr>
  & lt; tr>
  & lt; td>张三& lt;/td>
  & lt; td>男& lt;/td>
  & lt; td> 18 & lt;/td>
  & lt; td>汉& lt;/td>
  & lt;/tr>
  & lt;/table>
  
  & lt; p> & lt; h4>列表& lt;/h4> & lt;/p>
  & lt; p> & lt; h5>无序& lt;/h5> & lt;/p>
  & lt; ul类型=霸才獭弊4? lt; !——无序列表默认实心圆(盘)方块(广场)空心圆(圆)17——比;
  & lt; li>碧玉妆成一树高& lt;/li>
  & lt; li>万条垂下绿丝绦& lt;/li>
  & lt; li>不知细叶谁裁出& lt;/li>
  & lt;/ul>
  & lt; p> & lt; h5>有序& lt;/h5> & lt;/p>
  & lt; ol类型=?”=?”开始在& lt; !——有序列表类型默认数字1还有字母一个英语数字我开始代表从数字几开始18——比;
  & lt; li>碧玉妆成一树高& lt;/li>
  & lt; li>万条垂下绿丝绦& lt;/li>
  & lt; li>不知细叶谁裁出& lt;/li>
  & lt;/ol>
  & lt; p> & lt; h5>自定义& lt;/h5> & lt;/p>
  & lt; dl> & lt; !——自定义列表19——比;
  & lt; dt>李白& lt;/dt> & lt; ! - dt顶格可以作为一个名词——比;
  & lt; dd>字太白,号青莲居士& lt;/dd> & lt; ! - dd往后一点,可以解释名词——比;
  & lt;/dl>
  
  & lt; h4祝辞接下来学习表单& lt;/h4> & lt; br/祝辞& lt; !——20比;
  账户& lt;输入类型=拔谋尽?祝辞& lt; !——文本框所输入内容可见——比;
  密码& lt;输入类型=懊苈搿?祝辞& lt; !——密码框所输入内容不可见——比;
  性别& lt;输入类型=肮悴ァ眓ame="唐爱青"/祝辞男& lt;输入类型=肮悴ァ泵?"唐爱青"/祝辞女& lt; !——单选框按钮,名字中必须一样,比;
  爱好& lt;输入类型=案囱】颉?祝辞打篮球& lt;输入类型=案囱】颉?祝辞打羽毛球& lt;输入类型=案囱】颉?祝辞打乒乓球& lt; !——复选框——比;
  文件域& lt;输入类型=拔募笨矶?=?0”/?0”高度祝辞& lt; !——存放文件的地方,可以些东西也——比;
  & lt;输入类型=疤峤弧?祝辞& lt; !——提交按钮——比;
  & lt;输入类型=爸刂谩?祝辞& lt; !——重置按钮——比;
  & lt; button>提交& lt;/button> & lt; !——按钮,双标签中写按钮名称——比;
  null
  null
  null
  null
  null
  null
  null
  null
  null
  null
  null
  null
  null

前端html基础第一节