Basic knowledge of html (keep for myself)

1. 通常标签 <strong> 替换加粗标签 <b> 来使用, <em> 替换 <i>标签使用。

2. 在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。

    可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript>, and <base>.

    <base> 标签描述了基本的链接地址/链接目标,该标签作为HTML文档中所有的链接标签的默认链接

    <link> 标签通常用于链接到样式表   

     <style> 标签定义了HTML文档的样式文件引用地址.

     在<style> 元素中你需要指定样式文件来渲染HTML文档

    <meta> 标签提供了元数据.元数据也不显示在页面上,但会被浏览器解析

    <script>标签用于加载脚本文件,如: JavaScript。

3.  如何使用CSS?

CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.

CSS 可以通过以下方式添加到HTML中:

  • 内联样式- 在HTML元素中使用"style" 属性
  • 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS
  • 外部引用 - 使用外部 CSS 文件

最好的方式是通过外部引用CSS文件.

4. 

定义图像的语法是:

<img src="url" alt="some_text">

URL 指存储图像的位置。Alt 属性用来为图像定义一串预备的可替换的文本(在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。good habit!)

如果图像指定了高度宽度,页面加载时就会保留指定的尺寸(good habit)。

Advice:慎用图片

5. HTML <div> 元素:(1)组合其他 HTML 元素的容器;(2)文档布局

6. HTML <span> 元素:可用作文本的容器,组合行内元素

7. 创建高级的布局非常耗时,使用模板是一个快速的选项。

时间: 2024-10-26 13:41:27

Basic knowledge of html (keep for myself)的相关文章

The basic knowledge of block

Block(1):基础知识 代码块对象,通常称为代码块,是对C语言中函数的扩展.它有一个更被大家熟知的名字:闭包(closure). 1.使用代码块 首先看一个下面方法的调用过程,该方法接受代码块作为参数: [aDictionary enumerateKeysAndObjectsUsingBlock:^(id key, id value, BOOL *stop) {     NSLog(@"value for key %@ is %@", key, value);     if ([@

C++之Basic knowledge

目录 Ascii Codes Boolean Operations AND OR XOR (Exclusive Or) NOT Numerical Bases Octal numbers (base 8) Hexadecimal numbers (base 16) Binary representations Reference websites Ascii Codes It is a very well-known fact that computers can manage internal

basic knowledge

Position 属性:规定元素的定位类型.即元素脱离文档流的布局,在页面的任意位置显示. ①absolute :绝对定位:脱离文档流的布局,遗留下来的空间由后面的元素填充.定位的起始位置为最近的父元素(postion不为static),否则为Body文档本身. ②relative :相对定位:不脱离文档流的布局,只改变自身的位置,在文档流原先的位置遗留空白区域.定位的起始位置为此元素原先在文档流的位置. ③fixed :固定定位:类似于absolute,但不随着滚动条的移动而改变位置. ④st

NoSql basic knowledge

The big picture to keep in mind first is: There are lots of articles and resources out there: http://blog.sina.com.cn/s/blog_3fe961ae010139u6.html http://old.sebug.net/paper/databases/nosql/Nosql.html http://blog.csdn.net/godfrey90/article/details/67

Network Basic Knowledge

@1: 应用层的常用协议以及对应的端口号: DNS 53/tcp/udp SMTP 25/tcp POP3 110/tcp HTTP 80/tcp HTTPS 443/udp TELNET 23/tcp FTP 20/21/tcp tftp 69/udp IMAP 143/tcp snmp 161/udp snmptrap 162/udp @2:

[Tango] Basic Knowledge

Project Tango类设备能够给开发者在哪些领域带来机会. 室内导航*:室内GPS信号的缺失,使得Project Tango设备会成为室内导航重要应用场景之一.有了它,你就不会在不熟悉的室内商场.机场迷路.三维场景的室内导航,为盲人提供了更大的便利.[ 路径规划算法浅谈] 游戏:虚拟现实游戏和新型交互游戏前景可期.有人指出,Project Tango设备与美国宇航局勇气号探测器并无太大区别.此类设备可以通过扫描现实世界,让信息与虚拟世界相融合,这也使得我们能够随时随地玩虚拟现实或现实增强游

Basic knowledge of javaScript (keep for myself)

1. 函数表达式 JavaScript 函数可以通过一个表达式定义.eg. var x = function (a, b) {return a * b}; so: var x = function (a, b) {return a * b}; var z = x(4, 3); 以上函数实际上是一个 匿名函数 (函数没有名称). 函数存储在变量中,不需要函数名称,通常通过变量名来调用. 2. 在 JavaScript 中,很多时候,你需要避免使用 new 关键字. 3. 函数提升(Hoisting

(3)nodejs basic knowledge

1 render传递多值 router.get('/', function(req, res, next) { res.render('index', { homeTitle: 'Hello All', homeDescription:'I gonna to write something' }); <p class="title"><%= homeTitle %></p> <p class="description">

Selenium Basic Knowledge

Selenium 是用于测试 Web 应用程序用户界面 (UI) 的常用框架.它是一款用于运行端到端功能测试的超强工具.您可以使用多个编程语言编写测试,并且 Selenium 能够在一个或多个浏览器中执行这些测试. 由 Simon Stewart(来自 Google)创建的 WebDriver 是一个具有类似目标的项目.要控制浏览器,需要依赖采用本机支持的独立客户端.WebDriver 仅提供 Java 绑定,并不能支持 Selenium 1 所能支持的那么多浏览器. Selenium 2 具有