黑马前端基础-HTML-SE

<!DOCTYPE html>采用html5版本来显示网页--文档类型声明标签

<html lang="en">当前文档显示语言--zh-CN中文

<meta charset="UTF-8"/>--万国码

1,标题标签;<h1><h6>

2,段落标签;<p></p>

3,换行标签;<br />--单标签

4,文本格式化标签;<strong>或</b>--加粗,<em>或者</i>--倾斜,<del>或</s>--删除线,<ins>或</u>--下划线

5,盒子装内容<div>--独占一行(大),<span>--跨行(小)

6,图像标签和路径<img src="图像url"/>--单标签 alt-替换文本 title-提示文本 width-宽度 height-高度 border-边框

7,相对路径;同级目录--()  下一级路径(/)  上一级路径(../)

8,绝对路径;(D:\study\html\img)

9,超链接标签;<a></a> href--链接目标url target--打开方式-(slef默认值)(_blank在新窗口打开方式) 外部链接 href=网页地址,内部链接 href=html文件名,空链接 href=#,下载链接 href=文件.zip

10,锚点链接快速定位 <a href="#two"></a>(id=two)

11,HTML注释标签;以"<!--"开头,以"-->"结束 快捷键control+/,特殊字符(空格 &nbsp;&nbsp;,小于大于&lt;&gt;)

12,表格标签;<table><tr><td>单元格内文字</td></tr></table>,<th>表头标签(加粗居中),属性align="left",border=1或"",cellpadding单元格文字边框距离默认1像素,cllspacing="0"无缝隙

13,表格结构标签 thead头部区域,tbody主体区域

14,合并单元格;跨行合并rowspan,跨列合并colspan;上,左写合并代码;

15,列表标签;无序列表<ul><li>列表1</li></ul> 有序列表<ol><li>列表1<li></ol> 自定义列表<dl><dt><dd><dd></dt></dl>

16,表单标签;表单域<form action="url" method="方式" name="表单名"></form>,<input type="属性值" />单标签(属性;name value checked maxlength 主要属性值查询一下)

17,label标签;<label for="sex"></label>--> input id="sex"联用

18,表单标签;<select><option selected="selected"></option></select>下拉表单,文本域标签<textarea></textarea>

19,查阅文档;W3C,MDN

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值