web网页标签
关注
分享
扫一扫
文章平均质量分 77
实话实说你是个傻瓜
这个作者很懒，什么都没留下…
展开
-
链接伪类选择器
一，链接伪类选择器名字说明a:link未被访问的链接a:visited已被访问的链接a:hover鼠标指针位于其上的链接a:active活动链接（鼠标按下未弹起的链接）注意事项：要按照LVHA的顺序声明：link，visited，hover，active一般要先给所有a定一个样式；二，：focus伪类选择器：focus用于获取焦点的表单元素。焦点就是光标，一般情况< input >类表单元素才能获取，因此这个选择器也主要对于表单原创 2020-07-03 17:19:53 · 866 阅读 · 0 评论 -
Emmet语法
一，快速生成HTML的结构语法生成标签 直接输入标签名 按tab键即可如果想要生成多个相同标签，加上就可以了 比如 div3如果有父子级关系标签，可以用 > 比如 ul > li就可以了如何有兄弟关系的标签，用+就可以了 比如div+p如果生成带有类名或者id名字的，直接写 .demo 或者 #two tab键就可以了如果生成的div类名是有顺序的，可以自增符号$如果想要生成的标签内部可以用 { } 表示二，快速生成CSS样式语法比如 w200 按tab可以生成w原创 2020-07-03 15:52:41 · 171 阅读 · 0 评论 -
CSS字体属性（大小，粗细，颜色，下划线）和外部引入样式
一，字体属性属性注意点font-size 字号我们通常用的单位是px，一定要加单位font-family 字体字体样式的设置，从左往右依次寻找font-weight 字体粗细加粗：bold或700，不加粗：normal或400font-style 字体样式倾斜：italic；不倾斜：normalfont 字体连写是有顺序的，字号和字体必须要写注：font的顺序如下：< body >font: font-style font-w原创 2020-07-03 14:50:50 · 2307 阅读 · 0 评论 -
案例二用HTML做一个简单的注册界面
一，实现效果二，代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body>原创 2020-07-02 17:07:57 · 555 阅读 · 0 评论 -
表单域，表单控件，表单标签，（input，单选，复选，提交，重置，文件域，select下拉单表，textarea文本域）
表单域表单域是一个包含表单元素的区域。在HTML标签中，< form >标签用于定义表单域，以实现用户信息和传递。< form >会把它范围内的表单元素信息提交给服务器。属性属性值actionurl地址 用于指定接收并处理表单数据的服务器程序的url地址methodget/post 用于设置表单数据的提交方式，其取值为get或postname名称 用于指定表单的名称，以区分同一个页面中的多个表单域。原创 2020-05-24 23:15:17 · 2265 阅读 · 1 评论 -
表格标签(合并单元格，列表结构标签thead， tbody，有序列表ol，无序列表dl )
表格用法：< table >< /table >是用于表格的标签。< tr >< /tr>标签用于定义表格中的行，必须嵌套在< table >< /table >标签中< td>< /td>用于定义表格中的单元格，必须嵌套在< tr>< /tr >标签中。字母td指表格数据（table data），即数据单元格的内容。< th >< /th >用于定义表原创 2020-05-24 14:14:22 · 1528 阅读 · 0 评论 -
案例1（段落分段，锚点连接，插入图片，路径使用，外部链接，文字加粗）
点击小标题，可以跳转当下页面的标题处。为第一个图片添加链接<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head..原创 2020-05-23 15:07:52 · 471 阅读 · 0 评论 -
web的特殊字符
特殊字符在HTML页面中，一些特殊字符很难或者不方便直接使用，此时我们就可以使用特殊字符代替。特殊字符描述 代码空格  ；<小于号 <；>大于号 >；&和号 &；￥人民币 ¥；©版权 ©；®注册商标 ®；°摄氏度 °；±正负号 &am原创 2020-05-22 23:49:32 · 1571 阅读 · 0 评论 -
超链接标签 a （锚点链接）
超链接标签 < a >在HTML标签中，< a >标签用于定义超链接，作用：从一个页面链接到另一个页面。链接的语法格式<a href="https://www.bilibili.com/video/BV13g4y1B7LX" target="目标窗口的弹出方式">好看的电脑壁纸</a>属性作用href用于指定链接目标地址（必须属性），当为标签应用href属性时，他就有了超链接的功能target用于指定链接页面的打开方原创 2020-05-21 18:57:16 · 6721 阅读 · 1 评论 -
网页的图像标签和路径（绝对路径和相对路径）
图像标签在HTML标签中，< img >标签用于定义HTML页面中的图像。< img src=“图像URL”/>单词image的缩写，意为图像。src是< img >标签的必须属性，它用于指定图像文件的路径和文件名。展示图片方法先将图片放到html文件同目录下src属性中放入图片地址。图像标签的其他属性：属性属性值src图片路径 （必须填写）alt文本 替换文本，图片不能显示时的文字title文本 提示文本，鼠原创 2020-05-21 18:53:53 · 3134 阅读 · 0 评论 -
文本格式化标签（粗体，斜体，下划线），div标签，span标签
文本格式化标签在网页中，有时候需要为文字设置粗体，斜体或下划线效果，这就需要HTML中文本格式化标签。标签语义：突出重要性，比普通文字更重要！！语义标签加粗< strong >< /strong >或者< b>< /b >倾斜< em >< /em >或者< i >< /i >删除线< del >< /del >或者< s ><原创 2020-05-20 20:13:33 · 6756 阅读 · 0 评论 -
网页的标题标签，段落标签，换行标签
一，网页标题标签测试标题大小和使用方式< h1 > ~ < /h1 ><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2020-05-20 17:54:27 · 1714 阅读 · 0 评论 -
HTML的基本结构标签（html，head，title，body）
用记事本做第一个HTML'''<html> </html> HTML标签 根标签<head> </head> 网页头部 网页head标签中必须要设置title标签<title> </title> 网页标题 <body> </body> 网页的主体 页面的内容基本都是在body里'''<html> <head> <title>网页原创 2020-05-20 17:47:50 · 4771 阅读 · 0 评论