![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
CSDN_Alex_
这个作者很懒,什么都没留下…
展开
-
HTML position 定位
position 定位relative 相对定位:相对自己的位置去移动,原来的位置被保留,元素不会脱离文档流。absolution 绝对定位:参照父类定位元素去移动,父类定位元素从内向外查找。若没找到,则直到 body停止。原有位置会被填补,从而脱离文档流。fixed 固定定位:元素相对于浏览器窗口进行定位,会随着滚动条的滚动而移动。元素与文档流脱离,不再占据位置。sticky 粘性定位:该定位依赖于用户的滚动,元素的定位表现为在跨越特定的阈值前为相对定位,跨越后为固定定位。其他属性:top原创 2020-12-07 16:52:18 · 125 阅读 · 0 评论 -
HTML JavaScript Mouse Right Click Event || HTML JavaScript 鼠标右击事件
code part<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul{list-style: none;display: none; position:absolute;} li{background-col原创 2020-11-30 16:50:36 · 561 阅读 · 0 评论 -
HTML JavaScript Double Click Event || HTML JavaScript 鼠标双击事件
code part<!doctype html><html><head> <meta charset="utf-8"> <title>double click event</title> <style> ul{list-style:none;} li{height:50px;background-color:gray;margin:5px;width:100px;原创 2020-11-30 15:50:24 · 433 阅读 · 0 评论 -
HTML JavaScript Mouse Binding Event || HTML 鼠标绑定事件
code part<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><button onclick="tc()">button 1</button><button onclick="tc2()">button 2原创 2020-11-29 20:50:30 · 151 阅读 · 0 评论 -
HTML5 changes
Multimedia Tags(<video>、<audio>)attributevaluesrcSpecifies the URL of a video or audio file. It can be replaced by Multiple <Source>child nodes.autoplaySpecifies whether to auto-play, auto-play when trueloopSpecifies w原创 2020-11-26 16:45:30 · 76 阅读 · 0 评论 -
HTML Attributes in the input tag(New Input Types for HTML5)
<input> basic attributeType defines the input typeattributevaluetextSingle-line text boxpasswordPassword fieldcheckboxMultiple check boxesradioRadio boxfileFile Upload CheckboxbuttonDefine a normal buttonsubmitIs原创 2020-11-25 21:45:32 · 58 阅读 · 0 评论 -
Random roll call
code part<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>实战任务-随机点名</title> <style> #name{ width: 150px; height: 80px; border: 1px solid原创 2020-11-24 21:59:44 · 205 阅读 · 0 评论 -
HTML5 add form tags
<fieldset> tagGroup related elements within the formdisabled property:define whether the fieldset is visible.form property:define one or more forms to which the fieldset belongs.<legend> tagThis element defines the title for the fieldset,原创 2020-11-23 17:56:53 · 99 阅读 · 0 评论 -
HTML <textarea> text input field
<textarea> text input fieldattributevaluenamedefines a name that stores values in the text areacolsspecify the number of visible columns in the text area.rowsspecify the number of lines visible in the text areadisabledwhether原创 2020-11-23 15:53:25 · 126 阅读 · 0 评论 -
HTML input elements of the form
<form> conmon properties of form tagsattributevalueactionspecify the sending address for submitting the formmethodspecify how to send th form.value1: get. value2:postenctypedefine the submission typetargetspecify how to open a原创 2020-11-23 13:48:35 · 89 阅读 · 0 评论 -
HTML form label
Form Label<table> define html tables.<caption> define the table title. (automatic centering)<tr> define rows in a table.<th>define header cells within a table. (automatic centering)<td> define columns in a table.<t原创 2020-11-22 15:30:53 · 120 阅读 · 1 评论 -
HTML attributes of <img> tag
Attributes of <img> tagattributesvaluesrcphoto address.altprompt message when the picture fails to load.titletext promptwidthpicture widthheightpicture heightborderborder styleMatters needing attentionThe src prop原创 2020-11-21 18:06:09 · 179 阅读 · 1 评论 -
HTML attributes of<a> tag
Attributes of <a> tag1.href Link jump address(hyperlink)`<a href="www.baidu.com"></a>`2.target Link openning mode<a href="_blank"></a>Attribute value:attributevalue_blankopen in a new window._parentope原创 2020-11-21 12:03:52 · 105 阅读 · 0 评论 -
HTML LIST AND DIV TAGS
List<ul> Unordered list.。<ol> Ordered list.<li> List item.<dl> Custom list.<dt> Custom column header.<dd> Customize the contents of the list.<div> and <span><div> Tags define block in a docume原创 2020-11-21 10:02:12 · 123 阅读 · 0 评论 -
HTML TEXT TAGS AND FORMATTED TAGS.
HTML Text tags and formatted tags.Text tags:1.<br /> New line.2.<p></p> Define paragraph.3.<i></i> Show italic text effect.4.<em></em> Emphasize italic display.5. <b></b> Show bold text effect原创 2020-11-20 19:15:22 · 111 阅读 · 1 评论 -
HTML INTRODUCTION
HTML introduction1.What is HTML?HTML is hypertext markup language.2.HTML is made up of tags and content.3.there are two types of programming languages:1.interpretive language script(HTML,PHP). 2.compiled language(C,C++).4.HTML annotationpurpo原创 2020-11-20 10:16:03 · 128 阅读 · 0 评论 -
HMTL+CSS+JavaScript "网页换肤效果"原理展示
要求:点击按钮,网页“皮肤1”变成“皮肤2”实质:点击按钮 替换网页样式HTML代码:CSS代码:皮肤1:皮肤2:JavaScript代码:效果:皮肤1:点击按钮后,样式转换换肤功能原理展示实现更复杂的功能可以在此功能上完善作者微信Siri0768欢迎交流...原创 2019-12-14 22:39:19 · 359 阅读 · 0 评论 -
HTML+CSS+JavaScirpt 鼠标移入修改样式 鼠标移出还原样式
实现功能:鼠标移入修改样式 鼠标移出还原样式例子:原本样式:width:100px;height:100px;background:100px;![在这里插入图片描述](https://img-blog.csdnimg.cn/20191214213133756.png鼠标移入:宽从100变成200;高从100变成200;颜色从红变蓝;(修改样式)鼠标移出:宽从200变成100;高从200...原创 2019-12-14 21:35:53 · 825 阅读 · 0 评论 -
HTML+CSS+JavaScirpt “创建了一个div,给其设置padding后, 此div内的hr标签无法抵达div左右边框线”的解决方法
“创建了一个div,给其设置padding后, 此div内的hr标签无法抵达div左右边框线”的解决方法问题:创建了一个div,在设置padding(内填充)后, 此div内的hr水平方向无法抵达div左右边框线效果:代码:HMTLCSS解决方法:设置一个最外层div,此div不设置padding或设置padding为0;给其内容进行分块(给每个需要用hr水平线分割的内容分...原创 2019-12-11 19:20:33 · 373 阅读 · 0 评论