HTML 元素指的是从开始标签到结束标签的所有代码。

开始标签 元素内容 结束标签
<h1> h标签用来表示标题 </h1>
<p> p标签表示一个段落 </p>
<hr> 我是一个单标签,我会给文档加一个横线 *注意我没有结束标签哦!

1.4元素的属性

1.了解HTML元素属性

属性的作用就是就为元素提供更多的信息,大多数元素都可以拥有属性 
属性的语法:<标签 属性1=参数1>

注意空格的使用

2.学习两个属性:align和bgcolor

(1)align属性:我的作用是指定内容的对齐方式,left:左对齐(我是默认值哦);right:右对齐;center:居中对齐

(2)bgcolor属性:我的作用是添加一个背景颜色

1.5-1.6文本元素

文本元素,就是讲一段文本设置成相匹配的结构和含义

1.b元素: 我的作用就是 加粗文字;

2.br元素: 我的作用就是强制换行;

3.i元素: 我的作用就是让 文字倾斜;

4.del元素: 我的作用就是 删除文子

5.strong元素: 我的作用是强调一段文本我的实际作用也是加粗文字.

6.wbr元素: 我的作用是表示安全换行Theshiyigehenchanghenchangdedanci.

再来对比一下没有安全换行的文本Theshiyigehenchanghenchangdedanci.

7.em元素: 我的作用是强调,我的实际作用也是让文字倾斜

8.s元素: 我的实际作用就是 删除线;从语义上来看,表示不准确的删除。

9.u元素: 我的实际作用就是 给文字加下划线

10.ins元素: 我的实际作用也是 给文字加下划线;从语义上来看,是添加一段文字,起到强调作用。

11.small元素: 我的作用是 添加小号字体 ,从语义上来看,用于免责声明和澄清声明。

12.sub和sup元素:我们的作用就是添加下标和上标: sub表示下标:HTML5;sup表示上标我的房子100m2

13.dfn元素: 我的作用从语义上看表示定义术语,是对一个词或短语的解释,实际效果就是倾斜文本

14.abbr元素: 我的作用是表示一段文本的缩写,在文本显示上没有任何实际效果,比如WTO

15.q元素: 我的作用从语义上看表示引用来自其他地方的的内容, 我的实际作用就是给文本加上双引号

16.code等元素: code元素用来表示计算机代码片段;function(){}
var元素用来表示编程语言中的变量; num
samp元素表示程序或计算机的输出您没有权限浏览该网页
kbd元素表示某部分内容是由用户利用键盘输入如:请按Enter键 
*这几个元素属于英文范畴,必须将lang="en",英语才能体现效果。

17.ruby元素: 我的作用是表示位于表意文字上方或右方的注音符号 英(ying)雄(xiong)***不常用,浏览器支持不太好,很多浏览器不支持此功能

18.cite元素: 我的作用从语义上来看就是表示引用其他作品的标题。 实际效果就是加粗文本

19.bdo元素: 我的功能是设置文字方向,必需使用dir属性才可以设置,共两个值,rtl(从右到左);ltr(从左到右)默认为ltr 
rtl就是从右到左,即:right to left

20.mark元素: 我的作用是突出显示文本,用于记号, 我的实际作用就是加上一个黄色的背景。

21.time元素: 我的作用从语义上来看就是表示日期和时间,例如 2015-9-18

22.span元素: 我的作用就是表示一般性的文本,没有特殊效果

1.7超链接

1、掌握a标签建立超链接的几种形式

目录语法:
同一个目录:直接写文件名称 或 ./文件名 比如:tp.jpg或者./tp.jpg 
在下级(子)目录:xxx/tp.jpg 
在下下级目录:xx/xxx/tp.jpg 
在上级(父)目录:../tp.jpg
在上上级目录:../../tp.jpg

target属性
id或name属性和创建文档内链接

1.target属性的四个值:
_self:当前位置;
_blank:新窗口;
_top(最顶层框架),_parent(父框架),这两个属性咱不做讲解,后边的章节再说;

2.id属性:通用属性,可以理解为元素的身份证;name属性:可以理解为元素的名字

锚点1 锚点2 锚点3 锚点

【html、CSS、javascript-3】几个基本元素的更多相关文章

  1. html css javascript 加载的顺序

    html /css /javascript 这三者的加载顺序影响整个页面的加载速度.而加载速度的快慢直接影响pv(访问量),而且会影响经济收入.在大网站中,可能打开速度快一秒,一年能多带来上亿的收入. ...

  2. Sublime Text插件:HTML+CSS+JAVASCRIPT+JSON快速格式化[转]

    今天在github上乱逛,无意间找到victorporof分享的htmlpretty插件,特做推荐: 先看看他是怎么描述htmlpretty的: This is a Sublime Text 2 an ...

  3. html+css+javascript实现列表循环滚动示例代码

    使用html+css+javascript实现列表循环滚动,设置时间定时,在规定的时间内替换前一个节点的内容,具体示例如下,感兴趣的朋友可以参考下 说明:设置时间定时,在规定的时间内替换前一个节点的内 ...

  4. HTML+CSS+JAVASCRIPT 总结

    1. HTML 1: <!doctype html> 2: <!-- This is a test html for html, css, javascript --> 3: ...

  5. Umbraco(3) - CSS & Javascript(翻译文档)

    原文地址:http://www.ncloud.hk/%E6%8A%80%E6%9C%AF%E5%88%86%E4%BA%AB/umbraco3css-javascript/ CSS & Jav ...

  6. 原创的基于HTML/CSS/JavaScript的层级目录树

    之前参加过一些基于HTML/CSS/JavaScript的项目,当在页面中需要生成一颗目录树时,总是首先想着网上有没有现成的生成树的源代码,比如dtree.zthee,或者使用一些javascript ...

  7. MiniCodeEditor:只有168字节的在线Html/CSS/JavaScript编辑器

    博客搬到了fresky.github.io - Dawei XU,请各位看官挪步.最新的一篇是:MiniCodeEditor:只有168字节的在线Html/CSS/JavaScript编辑器.

  8. CSS+Javascript的那些框架

    CSS CSS 制作框架 SASS http://www.oschina.net/p/sass Blueprint  http://www.oschina.net/p/blueprintcss Ela ...

  9. 3 Ways to Preload Images with CSS, JavaScript, or Ajax---reference

    Preloading images is a great way to improve the user experience. When images are preloaded in the br ...

  10. Brackets - 强大免费的开源跨平台Web前端开发工具IDE (HTML/CSS/Javascript代码编辑器)

    Brackets 是一个免费.开源且跨平台的 HTML/CSS/JavaScript 前端 WEB 集成开发环境 (IDE工具).该项目由 Adobe 创建和维护,根据MIT许可证发布,支持 Wind ...

随机推荐

  1. Linux vi和vim编辑器(1)

    1:vi和vim的三种常见模式  1.1正常模式 在正常模式下,我们可以使用快捷键: 以vim打开一个档案就直接进入一般模式了(这是默认的模式).在这个模式中,你可以使用[上下左右」按键来移动光标,你 ...

  2. [NOIP2019模拟赛]夹缝

    夹缝 问题描述: 二维空间内有两面相对放置的,向无限远延伸的镜子,以镜子的方向及其法向量建立坐标系,我们选定一个法向量方向下面称“上”.在镜子上的整数位置,存在着一些传感器,传感器不影响光线的反射,光 ...

  3. [转].NET Framework 4.5 五个很棒的特性

    自.NET 4.5发布已经过了差不多1年了.但是随着最近微软大多数的发布,与.NET开发者交流的问题显示,开发者仅知道一到两个特性,其他的特性仅仅停留在MSDN并以简单的文档形式存在着. 比如说,当你 ...

  4. [转]WPF的BitmapImage的文件无法释放及内存泄露的问题

    相信用过WPF的BitmapImage的,都在用类似这样的代码来解决文件无法删除的问题! 如果看看msdn上简单的描述,可以看到这样的说明: 如果 StreamSource 和 UriSource 均 ...

  5. 树形dp——cf1029E

    题解给出的是带log的,,我自己写了个on的.. #include<bits/stdc++.h> #include<vector> using namespace std; # ...

  6. 根据url提取网站域名的方法小结

    前言:最近使用到了他人总结的一个基础类库.查看了下源码,发现String帮助类的一个辅助方法不是很严谨,重构之. 1.原来程序的写法 1 2 3 4 5 6 7 8 9 10 11 12 13 14 ...

  7. System.Web.Mvc.FileContentResult.cs

    ylbtech-System.Web.Mvc.FileContentResult.cs 1.程序集 System.Web.Mvc, Version=5.2.3.0, Culture=neutral, ...

  8. Struts2中param的作用

    1.页面传参与配置传参的区别:如果页面Form表单的参数在Action类中有相应的setter方法,则会优先取页面Form表单传过来的值,如果页面没有该属性同名的参数,则会从配置文件中取同名的参数值作 ...

  9. 深入理解JVM之类加载

    ---title: [学习]深入理解JVM之类加载.mddate: 2019-10-20 22:20:06tags: JVM 类加载--- Java类的加载,连接,初始化都是在程序运行期间执行的 ## ...

  10. 02_springmvc处理器映射器和适配器(补充)

    一.非注解的处理器映射器 HandlerMapping 负责根据request请求找到对应的Handler处理器及Interceptor拦截器,将它们封装在HandlerExecutionChain ...