html基本知识
又一个包子
这个作者很懒,什么都没留下…
展开
-
常用标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <原创 2018-07-30 20:16:34 · 118 阅读 · 0 评论 -
css、js、超链接引入方式
1.引入css文件的方式 <link rel="stylesheet" href="文件名.css">2.引入js文件的方式 <script src="文件名.js"></script>3.引入其他连接的方式->超链接 <a href="文件名.html" targ原创 2018-08-01 18:56:11 · 803 阅读 · 0 评论 -
认识css
1.认识css样式 1)css全称为“层叠样式表”(cascading style sheets) 2) 主要用于定义html内容在浏览器内的显示样式,如文字、大小、颜色、字体加粗等2.css样式由选择符和声明组成;声明由属性和值组成 如:p { color: blue; } 1)p:选择符(又称选择器) 2){}:声明 3)color:属性 ...原创 2018-08-06 18:02:04 · 205 阅读 · 0 评论 -
<img>标签,插入图像
1.<img>标签,为网页插入图片 <img src="图片地址" alt="下载失败时替换文本" title="提示文本"> 1)src :标识图像位置 2)alt :指定的图像不可见时,可以看到该属性文本 3)title :鼠标划过图像时显示的对图像的描述 注意:图像可以是gif、png、jpg格式2.demo:<!DOCTYPE ...原创 2018-08-02 17:12:54 · 2146 阅读 · 0 评论 -
表单标签,与用户交互
另一篇博客介绍常用表单元素:https://blog.csdn.net/whpu1234/article/details/813176941.使用表单标签,与用户交互 <form method="传送方式" action="服务器文件" ></form> 1) action :浏览者输入的数据传送到的目的地 2) method :数据传送的方式 注意:la...原创 2018-08-02 17:52:50 · 455 阅读 · 0 评论 -
文本、密码输入框
语法:<form> <input type="text/password" name="名称" value="文本" /></form>1、type: 当type="text"时,输入框为文本输入框; 当type="password"时, 输入框为密码输入框。2、name:为文本框命名,以原创 2018-08-02 18:23:47 · 226 阅读 · 0 评论 -
文本域,多行输入
1.文本域,多行输入 <textarea rows="行数" cols="列数">文本</textarea> 1)<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2)cols :多行输入域的列数。 3)rows :多行输入域的行数。 4)在<te原创 2018-08-02 18:40:42 · 2547 阅读 · 0 评论 -
css样式写法分类
css样式写法分类1.内联式css样式 ,直接写在现有的HTML标签中 如:一个段落标签p <p style="color:red ; font-size:12px">段落标签文本</p> 注:多条样式用“;”分开2.嵌入式css样式 ,写在当前文件中 把css样式代码写在<style> </style>里,且以标签名、id名...原创 2018-08-07 16:22:09 · 653 阅读 · 0 评论 -
子选择器&&包含(后代)选择器
1.子选择器 <div class="food"> <h1>你好</h1> </div> 如:.food > h1{ color:red; } a:> 于号用于指定标签元素的第一代子元素(后代)2.包含(后代)选择器 <div class="food"> &l原创 2018-08-07 20:11:10 · 691 阅读 · 0 评论 -
hover(伪类)选择符
1.伪类选择符 语法:p:hover{color:red;} a:p段落标签 b:hover伪类选择符 c:作用是表示鼠标滑过后显示的状态 demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l原创 2018-08-07 20:43:17 · 1428 阅读 · 0 评论 -
选择器
1.在{}之前的部分就是“选择器”,其指明了“样式”作用的对象 选择器{ 样式; }2.标签选择器 如:段落标签p{ ... },以标签名为选择符的,且写在<style>...</style>里面的3.类选择器 语法: .类选择名称{ css样式代码; }4.id选择器 语法: #id名称{ css样式代码; }5.类选择器和id选择...原创 2018-08-07 21:01:51 · 160 阅读 · 0 评论 -
单选框(单选)、复选框(多选)
1. 1)radio:单选框(单选) 2)checkbox:多选框(多选) 语法:<input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1)type:选择是单选框 || 多选框 2)value: 提交数据到服务器的值(暂时不懂) 3)name:1)单选框要求na...原创 2018-08-03 10:25:54 · 46545 阅读 · 4 评论 -
下拉列表框select && option
2.下拉列表框 语法:<select multiple="multiple"> <option value="提交值">选项值</option> <option value="提交值" selected="selected">选项值</option>原创 2018-08-03 11:01:11 · 339 阅读 · 0 评论 -
label标签
1.label标签 1)语法:<label for="控件id名称"> 注意:佛如属性的值应该与相关控件的id属性值一定相同 2)label标签不会向用户呈现任何效果,他的作用视为鼠标用户改用了可用性。 如果你在label标签内带你及文本,就会出发控件。demo:<!DOCTYPE html><html lang="en"...原创 2018-08-06 14:35:11 · 180 阅读 · 0 评论 -
span标签
1.<span> 标签被用来组合文档中的行内元素。2.提示:请使用 <span> 来组合行内元素,以便通过样式来格式化它们。 注释:span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。3.<span>在行内定义一个区域,也就是一行内可以被<span>划分成好几个区域,从而实现某种特定效果。<span>本...原创 2018-08-10 11:18:09 · 5426 阅读 · 0 评论 -
常用转义符
<!--在html文件中,需要使用某些字符,不会被浏览器解析的、或是被浏览器认为是标签的字符,需要使用转义字符 &xxxx; --><!--&lt; 表示'<' --><!--&gt; 表示'>' --><!--&nbsp; 表示空格 --><!--&#x3原创 2018-07-30 20:18:04 · 714 阅读 · 0 评论 -
css常用样式
1. font-size: 50px; /*px像素*/ font-family: 宋体; /*字体类型*/ font-weight: normal; /*字体粗细*/ text-align: center; /*位置,居中、左对齐、右对齐*/ text-indent: 2em; /*段落首行缩...原创 2018-07-30 20:20:19 · 206 阅读 · 0 评论 -
css基本选择器
/*1. 找出所h1标签*//*找出所有p段落标签*//*2.通过class寻找相同行数,同一class的标签,(点class名)*//*3.通过id找出拥有独特id的p段落标签*/<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t原创 2018-07-30 20:22:22 · 109 阅读 · 0 评论 -
div标签和定宽居中
1.<!--div 用于把页面划分成不同区域,即分成许多盒子--><!--div可设置宽高;不设置宽高,他的宽和父元素等宽,他的高取决与内容-->2./*margin外边距 默认值4个值为零 , 表示元素的四个方向上、下、左、右只设置一个值,4个值都是这个值只设置两个值,分别表示上下、左右设置四个值,分别表示上、下、左、右设制auto,可以让...原创 2018-07-30 20:25:10 · 874 阅读 · 0 评论 -
用css样式,为表格加入边框、表格简介、表格标题
1.用css样式,为表格加入边框 <style type="text/css">table tr td,th{border:1px solid #000;}</style> <table>标签,认识网页上的表格 <table summary=""> 表格以此开始,summray为表格添加表格简...原创 2018-07-31 10:51:47 · 1288 阅读 · 0 评论 -
html 之 position定位方式
1.三种定位方式 position:定位方式。默认值是static,表示静态定位,不能使用top、left这些改变 它的位置 1)绝对定位:postion:absolute; 绝对定位,绝对定位的元素会脱离文档流,脱离页面排版 (不再拥有自己的位置,原来的位置也会被后面的元素占用) ...原创 2018-07-31 12:11:30 · 859 阅读 · 0 评论 -
文章标签 --举例-- 极其语意化
html语义化,就是对不同的html定义不同的语义,让每个html标签都有自己独特的含义1.<strong>&&<b>2.<del>&&<s>demo:<!DOCTYPE html><html lang="en"><head原创 2018-07-31 12:18:14 · 637 阅读 · 0 评论 -
mailto在网页中链接Email地址
注意: 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 下面是一个完整的实例:demo:<!DOCTYPE HTML><html><head><meta charset="UTF-8"><title>mailto<原创 2018-07-31 15:33:25 · 3828 阅读 · 0 评论 -
css过度
重点在代码里:demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css过度</title> <style> #box{原创 2018-07-31 16:41:36 · 849 阅读 · 0 评论 -
常用表单元素
另一篇博客介绍常用表单标签,:https://blog.csdn.net/whpu1234/article/details/813648401.<!-- input标签 type="text"为输入框 -->2.<!-- placeholder 占位符 -->3.<!-- button是按钮 -->4.<!-- input type="ra...原创 2018-07-31 17:48:31 · 737 阅读 · 0 评论 -
css的继承、特殊性、层叠、重要性
1.继承 不仅允许样式应用于某个特定的html标签元素,而且应用于其后代。 但有的样式能继承,如:颜色 有的样式不能继承,如边框2.特殊性 在同一元素设置了不同的样式的情况下判断 如: p{ color:red } .first{ color:green } <p class="first">三年级,我还是个<span>胆...原创 2018-08-09 20:48:02 · 204 阅读 · 0 评论 -
重置按钮
1.重置按钮reset 语法:<input type="reset" value="重置"> 1)type:reset 2)value:按钮上现显示的字demo:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8&qu原创 2018-08-06 13:59:45 · 3434 阅读 · 0 评论 -
提交按钮submit
1.提交按钮 submit 语法:<input type="submit" value="提交"> 1)type:这里选submit 2)value:按钮上现实的字demo:<!DOCTYPE html><html lang="en"><head> <meta charset=&q原创 2018-08-03 11:26:29 · 6274 阅读 · 0 评论