HTML
关注
分享
扫一扫
ll123c
这个作者很懒，什么都没留下…
展开
-
css的选择器
1.基本选择器在html的基本标签style标签内使用。例如改变div标签内的样式<html> <head> <title>html示例</title> <style type="text/css"> div{ background-color:yellow; ...原创 2019-03-24 20:40:15 · 114 阅读 · 0 评论 -
操作DOM树之修改某一个标签
问题描述：在ul标签下的li标签做出修改，使用新的li标签替换原来的li标签问题分析：第一步：获取需要被修改的ul标签第二步：新建一个li标签第三步：新建一个文本节点第四步：将文本节点添加到li标签内部第五步：获取需要被修改的li标签第六步：ul标签调用replaceChild();方法，实现替换<html> <head>...原创 2019-04-02 21:39:27 · 429 阅读 · 0 评论 -
操作DOM树之在指定位置处添加标签
问题描述：在ul标签内的某一个li标签前面添加另一个li标签问题分析：1.首先需要获取到要添加的li标签2.然后新建一个li标签3.新建一个文本节点，将文本节点添加到新建的li标签内4.因为要在ul标签内添加，所以获取ul标签5.将新建的li标签添加到ul标签内，<li id="li23">貂蝉</li>之前。使用的方法是：ul11.inse...原创 2019-04-02 14:43:58 · 1098 阅读 · 0 评论 -
获取标签下子标签的方法
分析：想要获取标签下子标签，首先要获取外层标签第一步：通过getElementById()获取外层的标签第二步：获取标签内子标签的唯一有效方法是使用document的getElemetnsByTagName()方法。<html> <head> <title>html示例</title> </head>...原创 2019-04-02 09:25:58 · 5609 阅读 · 0 评论 -
操作DOM树之在子标签末尾添加标签
在完成这个案例之前要清楚DOM解析html文件的过程。解析的过程类似于一个树。称之为DOM树首先树的根节点是文件的最外层的标签，然后根节点的子节点是最外层标签的第一个内标签....依此类推。也就是DOM树的叶子结点一定是HTML文件的最内层标签。题目：在<ul>标签末尾添加一个新的li标签。分析：第一步，无论进行什么操作，需要先获取原来的ul标签。var ...原创 2019-04-01 19:25:34 · 776 阅读 · 0 评论 -
表单标签实现一个注册页面
<!DOCTYPE html><html><head> <title></title></head><body> <h2>欢迎注册人人网账号</h2> <table> <tr> <td>注册邮箱:</td> &...原创 2019-03-24 15:08:30 · 689 阅读 · 0 评论 -
表单标签
<form></form>表示一个表单的范围 --action属性，表示表单数据的提交的位置，默认是当前页面 --method属性，表示表单数据的提交的方式。有post和get两种方式，默认的是get请求 post和get方式的区别：1.get请求地址栏会携带提交的数据，post请求不会携带（而是在请求体内）2.get请求安全级别...原创 2019-03-24 14:14:58 · 117 阅读 · 0 评论 -
表格标签
<table></table>表示表格的范围 --border表示表格线的粗细 --bordercolor表示表格线的颜色 --cellspacing表示单元格之间的距离 --width表示表格的宽度 --height表示表格的高度<tr></tr>表示表格的一行 --ali...原创 2019-03-24 10:02:00 · 119 阅读 · 0 评论 -
超链接标签
1.超链接连接资源<a href="链接到资源的路径" target="设置页面的打开方式">显示在页面上的内容</a>--href链接到资源的地址--target设置页面的打开方式 --默认情况下是在当前页打开 --_blank表示在另一个空白页打开 --_self表示在当前页打开--当超链接不...原创 2019-03-24 09:08:42 · 126 阅读 · 0 评论 -
图像标签
<img src="图片的路径"/>-src表示图片的路径-width表示图片的宽度-height表示图片的高度-alt表示在图片上插入的文字<html> <head> <title>html示例</title> </head> <body> <img sr...原创 2019-03-24 08:15:00 · 466 阅读 · 0 评论 -
列表标签
1.列表标签<dl></dl>表示列表的范围写在<dl>标签内的有：<dt></dt>标签，表示列表的表头写在<dt></dt>标签内：<dd></dd>标签，表示列表的表头下面的内容2.有序列表<ol></ol>表示有序列表的范围属性是...原创 2019-03-23 20:35:23 · 168 阅读 · 0 评论 -
标题标签和水平线标签和特殊字符
1.<h1></h1><h2></h2> ......<h6><h6>表示的标题的大小逐渐减小，同时标题标签会自动换行2.水平线标签<hr/> 属性：size="1-7",表示水平线的粗细 color表示水平线的颜色3.特殊字符的转译 小于号<：<...原创 2019-03-23 18:02:55 · 530 阅读 · 0 评论 -
html的基本概念
什么是HTML语言?HyperText Marup Language超文本标记语言。所谓的超文本就是超出了文本的范畴，比如要修改一段文字的颜色，就超出了文本的范畴，使用HTML可以轻松的完成这些操作。标记：也就是标签，HTML的所有操作都是通过标签来实现的。HTML所遵循的规范：1.一个html文件开始和结束的标签 <html> </html>2.htm...原创 2019-03-23 17:28:02 · 174 阅读 · 0 评论 -
innerHTML属性
此属性的用途：1.用于获取标签内的文本内容var spanid=document.getElementById("spanid"); alert(spanid.innerHTML);//直接获取属性2.向标签内设置新的内容，可以是html代码ar divid=document.getElementById("divid"); divi...原创 2019-04-03 09:09:25 · 1201 阅读 · 0 评论