一、HTML、CSS、JavaScript
1、 HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
2、 CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
3、 JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
二、语义化的含义
1、概念
语义化简单理解:表示明确各个标签的含义,在适当的情况下使用合适的标签。
2、作用
(1)可让搜索引擎快速定位到关键字;
(2)让屏幕阅读器更加容易读出网页内容
三、基础标签
1、Strong和em
两者均表示对某段内容的强调,只是强调的方式不同。
strong是以对内容加粗的形式;em是将内容进行斜体展示。这两个标签相比,strong在程序中使用比较频繁。
补充:span相较于前两个标签来说,它不存在语义感,没有强调之说,只是可以对某部分设置对应的样式。
2、引用标签
(1)<q></q>
表示对引用的名著或者其他话加引号
案例:<q>庄生晓梦迷蝴蝶</q>
(2)<blockquote></blockquote>
表示对于大量片段的引用,浏览器对<blockquote>标签的解析是缩进样式
3、换行标签
在 html 中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。因此需要使用br标签,使用方法:<br/>该标签在html中不需要输入内容,因此定义为空标签。类似的空标签还有<img/> <hr/>
附注:一般而言,在html中,空标签没有开始标签和结束标签
4、pre标签
pre标签不只是为显示计算机的源代码时用的,在你需要在网页中预显示格式时都可以使用它,只是<pre>标签的一个常见应用就是用来展示计算机的源代码。
5、ul li
默认的是以圆点样式显示
6、ol li
默认就是以数字的形式进行排序显示的1、2、等形式
7、下拉框多选
<select multiple="multiple">
<option value="看书">看书</option>
<option value="旅游">旅游</option>
<option value="运动">运动</option>
<option value="购物">购物</option>
</select>
8、lable标签
常用的label标签通常用于的情况为label标签带上input等控件结合使用。这样使用的效果是当选中label标签中的文本后,浏览器会自动将焦点转到和该标签相关的表单控件上去。
案例如下:
<label for="users">用户名</label><input type="text" name="users" value="" id="users">
效果如下:
注意点: label中的for属性值必须同input控件中的id值保持一致,否则不会出现上述效果