2020-02-07

1、<img>标签
-并不会在网页中插入图像,而是从网页上链接图像,创建的是被引用图像的占位空间。
-src属性:是必需的。它的值是图像文件的 URL,也就是引用该图像的文件的的绝对路径或相对路径。

image.png

-alt属性:值为图像的替代文本
2、
-报错1:
报错

原因:<img>标签路径写法错误
错误写法:<img src="\images\silver.png" alt="">
正确写法:<img src="images/silver.png" alt="">
参考:html路径写法
-不懂1:在有无序列表中插入超链接
错误写法:<li><a href="D:/VStasks/001.html"></a>Homepage</li>
正确写法:<li><a href=""https://github.com/77HzAlreadyTaken">Blog</a></li>
总结:文本应写在<a>标签中,而不是<li>标签中。
3、<table summary="****">: 摘要
-摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
-<caption>标题文本</caption>:标题,位于table标签下。
<table>
<caption>标题文本</caption>
<tr>
4、<a>标签
-语法:<a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
-title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)
-target="_blank"属性:将链接的网页从新的浏览器窗口中打开,<a>标签在默认情况下,链接的网页是在当前浏览器窗口中打开。
-mailto:mailto能让访问者便捷向网站管理者发送电子邮件
实例

点击链接即会打开电子邮件应用,并自动填写收件人等设置好的信息。
更多参数含义

5、<form>表单:使用表单让网站与用户产生交互动作。
-表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。
-语法:<form method="数据的传送方式(get/post)" action="服务器文件(浏览者输入的数据被传送到的地方)"> </form>
-所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间,否则用户输入的信息不能提交到服务器。
6、<input>输入框:
-语法:<input type="text/password"(文本/密码) name="名称(为文本框命名,以备后台程序ASP 、PHP使用)" value="文本" (为文本输入框设置默认值,起到提示作用)/>
7、<textarea>文本域(大段文字):
-语法:<textarea rows="行数" cols="列数">文本域中显示的默认值</textarea>
-其中col用width、row用height来代替。(CSS)
8、单选框、复选框
-语法:<input type="radio/checkbox" value="值" name="名称" checked="checked"/>
-type:
当 type="radio" 时,控件为单选框;
当 type="checkbox" 时,控件为复选框;
-value:提交数据到服务器的值(后台程序PHP使用)
-name:为控件命名,以备后台程序 ASP、PHP 使用,同一组的单选按钮,name 取值一定要一致,才能起到单选的效果。
-checked:当设置 checked="checked" 时,该选项被默认选中。
9、下拉列表框-单选
-语法:
<select>
<option value="提交值" selected="selected">显示的选项值</option>
</select>
-value:向服务器端提交的选项值;
-selected="selected"属性,则该选项就被默认选中
10、下拉列表框-多选:<select multiple="multiple">
-在 windows 操作系统下,进行多选时按下Ctrl键同时进行单击(在 Mac下使用 Command +单击),可以选择多个选项。
11、提交按钮:type="submit"
-在表单中有两种按钮可以使用,分别为:提交按钮、重置。当用户需要提交表单信息到服务器时,需要用到提交按钮。
-语法:<input type="submit" value="提交(按钮上显示的文字)">
12、重置按钮: type="reset"
-当用户需要重置表单信息到初始时的状态时,比如用户输入“用户名”后,发现书写有误,可以使用重置按钮使输入框恢复到初始状态。
-语法:<input type="reset" value="重置">
13、<form>-<lable>标签
-label标签不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性。
-在 label 标签内点击文本,就会触发此控件。就是说,当用户单击选中该label标签时,浏览器就会自动将焦点转到和label标签相关的表单控件上(就自动选中和该label标签相关连的表单控件上)。
-语法:<label for="(input)控件id名称"> </lable>
-for 属性:属性值应当与相关控件(如input)的 id 属性值一定相同。

CSS

-CSS全称为“层叠样式表 (Cascading Style Sheets)”,用于定义HTML内容在浏览器内的显示样式,如文字大小、颜色、字体加粗等,通过定义某个样式,可以让不同网页位置的文字有着统一的字体、字号或者颜色等。
-语法:css 样式由选择符和声明组成,而声明又由属性和值组成,如下图所示:

css语法

-选择符:又称选择器,指明网页中要应用样式规则的元素,只对该选择器进行样式变化,其他的元素不会受到影响。
-声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”及回车换行分隔,如下所示:
p{
font-size:12px;
color:red;
}
-CSS注释:/注释语句/
14、CSS样式代码声明方法:内联式、嵌入式和外联(外部)式
-内联式:将css代码直接写在现有的HTML标签中的开始标签中,如
<p style="color:red;font-weight:blod">这里文字是红色。</p>
-需写在 style=" **** " 中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。
-嵌入式:必须写在<style> </style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。
<style type="text/css"> /type为text/css/
span{
color:red; //按照 选择器 声明{属性:值;}语法
}
</style>
-外联式:
css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内。
语法:
<link href="***.css" rel="stylesheet" type="text/css" />
其中:.css的名称须有意义;rel、type属性值为固定写法。
-方法优先级:内联式 > 嵌入式 > 外部式
优先级总结是有一个前提:内联式、嵌入式、外联式样式表中css样式是在相同【权值】的情况下。
其中,嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。<link href="style.css" ...>代码在前,<style type="text/css">...</style>在后(实际开发中也是这么写的)。遵循就近原则(离被设置元素越近优先级别越高)。

选择器

1、【标签】选择器:
html代码中的标签。如<html>、<body>、<h1>、<p>、<img>等
语法:直接写标签名带上{}即可。
标签{
属性:值;
}
结束花括号与下一个选择器之间无符号。
-不懂2:border属性值写法
错误写法:border:red;
正确写法:border:red solid;
总结:solid为border-style的值,意为实线,需要设置边框才会显示样式。border-style:dotted(上点) solid(右实) double(下双) dashed(左虚);

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,133评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,682评论 3 390
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 160,784评论 0 350
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,508评论 1 288
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,603评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,607评论 1 293
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,604评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,359评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,805评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,121评论 2 330
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,280评论 1 344
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,959评论 5 339
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,588评论 3 322
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,206评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,442评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,193评论 2 367
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,144评论 2 352

推荐阅读更多精彩内容

  • 浏览器与服务器的基本概念 浏览器(安装在电脑里面的一个软件) 作用: ①将网页内容渲染呈现给用户查看。 ②让用户通...
    云还灬阅读 1,113评论 0 0
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    繁华退却阅读 1,742评论 0 0
  • 本课来自http://www.imooc.com/learn/9请不要用作商业用途。 HTML5 HTML介绍 H...
    PYLON阅读 3,219评论 0 5
  • CSS基础 本文包括CSS基础知识选择器(重要!!!)继承、特殊性、层叠、重要性CSS格式化排版单位和值盒模型浮动...
    廖少少阅读 3,072评论 0 40
  • 一、CSS入门 1、css选择器 选择器的作用是“用于确定(选定)要进行样式设定的标签(元素)”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,591评论 0 6