HTML基础知识

1.常用标记
    ①<!DOCTYPE>文档声明,告诉浏览器你所编写的html版本,才能准确渲染解析,目前通用为4.01,新版H5:<!DOCTYPE HTML>。

    ②<meta>元信息标记,属性name设置搜索内容名称:keywords,description,author等,属性content设置相应的值,属性http-equiv设置服务器发送给浏览器的头部信息:Content-Type,refresh(页面刷新),相应content设值。(例1:<meta http-equiv="refresh" content="5;https://www.baidu.com/"/>,意思为打开页面5秒后跳转到百度。例2:<meta http-equiv="X-Frame-Options" content="SAMEORIGIN / DENY ">防止页面嵌入任何frame)。

    ③<h1-h6>,定义标题,样式粗体变大,无h7,h8等,只限于标题,勿因改变样式而使用。

    ④<tt>等宽文本,<i>斜体文本,<b>粗体文本,<big>大号文本,<small>小号文本

    ⑤<span>,组合行内元素,比如一个段落里需要几种不同样式。

    ⑥<!-- -->注释

    ⑦单标记<br/>换行符,<hr/>水平线,单标记与双标记的主要区别是单标记表示的是它本身。

    ⑧空格&nbsp;,浏览器多个空格只会识别为一个空格,需要用转义符号代替。

    ⑨font文本样式标记,属性face设置文本字体,size设置文本大小,color设置文本颜色。

2.图片标记

    <img src="图像URL" alt="图像不能显示时的替换文本" title="鼠标悬停时显示的文本" />,还可以用宽度(width),高度(height),边框(border),align(对齐方式)修饰。

    绝对路径和相对路径

3.超链接

    <a href="目标地址" target="目标窗口弹出方式,默认为_self(本窗口),_blank(新窗口)">这里可放入文字或图片</a>

   name属性可以创建锚,再同一文档或其他页面可以创建指向该锚的链接,锚的作用主要用于页面内容较多或者页面过长时快速定位锚的位置

    引用外部链接<link rel="stylesheet" type="类型:text/css 或者text/javascript" href="路径">

4.列表

    ①无序列表ul

    type属性的值disc,circle,square分别对应实心圆,空心圆,实心正方形。

    ②有序列表ol

    type值的1,a,Ⅰ分别对应数字排序,英文排序,罗马数字排序;start可以指定排序的起始值,value指定数字。

    ③自定义列表dl

    <dt>定义名词,<dd>定义描述。

列表可以嵌套。

5.表格

    表格结构<table><thead></thead><tbody></tbody><tfoot></tfoot></table>

    <th>定义表头,<tr>定义一行,<td>定义单元格 ,colspan水平合并单元格,rowspan垂直合并单元格,cellpadding内容与单元格的空白,cellspacing单元格之间的空白

6.表单

<form action="目标URL" method="提交方式post或get"></form>

input控件,包含text(文本输入框),password(密码输入框),radio(单选按钮),复选框(checkbox),普通按钮(button),submit(提交按钮),reset(重置按钮),image(图像形式提交按钮),hidden(隐藏域),file(文件域);

readonly控制内容为只读,checked默认选项。

textarea控件,定义一个文本区域,属性与input一致。

select控件,下拉菜单选择。

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值