HTML总结(我的第一个html后续)

一、文本格式化
HTML 使用标签 b>(“bold”) 与 i>(“italic”) 对输出的文本进行格式, 如:粗体 or 斜体
这些HTML标签被称为格式化标签(请查看底部完整标签参考手册)。
通常标签 strong>替换加粗标签 b>来使用, em>替换 i>标签使用。
然而,这些标签的含义是不同的:
b> 与i> 定义粗体或斜体文本。
strong> 或者 em>意味着你要呈现的文本是重要的,所以要突出显示。
现今所有主要浏览器都能渲染各种效果的字体。
不过,未来浏览器可能会支持更好的渲染效果。

二、链接
HTML使用标签 a>来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时,箭头会变为一只小手。
在标签a> 中使用了href属性来描述链接的地址。
默认情况下,链接将以以下形式出现在浏览器中:
+一个未访问过的链接显示为蓝色字体并带有下划线。
+访问过的链接显示为紫色并带有下划线。
+点击链接时,链接显示为红色并带有下划线。
注意:如果为这些超链接设置了 CSS 样式,展示样式会根据 CSS 的设定而显示。
基本的注意事项 - 有用的提示
注释: 请始终将正斜杠添加到子文件夹。假如这样书写链接:href=“https://www.runoob.com/html”,就会向服务器产生两次 HTTP 请求。
这是因为服务器会添加正斜杠到这个地址,然后创建一个新的请求,就像这样:href=“https://www.runoob.com/html/”。

三、如何使用CSS
CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.
CSS 可以通过以下方式添加到HTML中:
内联样式- 在HTML元素中使用"style" 属性
内部样式表 -在HTML文档头部 head> 区域使用style> 元素 来包含CSS
外部引用 - 使用外部 CSS 文件
最好的方式是通过外部引用CSS文件.

四、HTML 图像- 图像标签( img>)和源属性(Src)
在 HTML 中,图像由img> 标签定义。
img> 是空标签,意思是说,它只包含属性,并且没有闭合标签。
要在页面上显示图像,你需要使用源属性(src)。src 指 “source”。
源属性的值是图像的 URL 地址。
定义图像的语法是:
img src=“url” alt=“some_text”>
URL 指存储图像的位置。
如果名为 “pulpit.jpg” 的图像位于 www.runoob.com 的 images 目录中,那么其 URL 为 http://www.runoob.com/images/pulpit.jpg。
浏览器将图像显示在文档中图像标签出现的地方。
如果你将图像标签置于两个段落之间,那么浏览器会首先显示第一个段落,然后显示图片,最后显示第二段。

五、HTML 表格
表格由 table> 标签来定义。每个表格均有若干行(由 tr> 标签定义)
每行被分割为若干单元格(由 td> 标签定义)。
字母 td 指表格数据(table data),即数据单元格的内容。
数据单元格可以包含文本、图片、列表、段落、表单、水平线、表格等等。

六、HTML 布局
网页布局对改善网站的外观非常重要。
请慎重设计您的网页布局。
网站布局
大多数网站会把内容安排到多个列中(就像杂志或报纸那样)。
大多数网站可以使用 div> 或者 table> 元素来创建多列。
CSS 用于对元素进行定位,或者为页面创建背景以及色彩丰富的外观。
注释:虽然我们可以使用HTML table标签来设计出漂亮的布局,
但是table标签是不建议作为布局工具使用的 - 表格不是布局工具。

七、HTML 表单和输入
HTML 表单用于收集不同类型的用户输入。
HTML 表单
表单是一个包含表单元素的区域。
表单元素是允许用户在表单中输入内容,
比如:文本域(textarea)、下拉列表、单选框(radio-buttons)、复选框(checkboxes)等等。
HTML 表单 - 输入元素
多数情况下被用到的表单标签是输入标签(input>)。
输入类型是由类型属性(type)定义的。大多数经常被用到的输入类型如下:
文本域(Text Fields)
文本域通过input type=“text”> 标签来设定,
当用户要在表单中键入字母、数字等内容时,就会用到文本域。

八、HTML 框架
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
iframe语法:
iframe src=“URL”>/iframe>
该URL指向不同的网页。

九、HTML 颜色
HTML 颜色由红色、绿色、蓝色混合而成。
颜色值
颜色值由十六进制来表示红、绿、蓝(RGB)。
每个颜色的最低值为 0(十六进制为 00),最高值为 255(十六进制为FF)。
十六进制值的写法为 # 号后跟三个或六个十六进制字符。
三位数表示法为:#RGB,转换为6位数表示为:#RRGGBB。

十、HTML 脚本
JavaScript 使 HTML 页面具有更强的动态和交互性。
script> 标签 和 noscript> 标签

十一、HTML 字符实体
HTML 中的预留字符必须被替换为字符实体。
一些在键盘上找不到的字符也可以使用字符实体来替换。
HTML 实体
在 HTML 中,某些字符是预留的。
在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。
如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体(character entities)。

十二、HTML 统一资源定位器(Uniform Resource Locators)
URL 是一个网页地址。
URL可以由字母组成,如"runoob.com",或互联网协议(IP)地址: 192.68.20.50。
大多数人进入网站使用网站域名来访问,因为 名字比数字更容易记住。
URL - 统一资源定位器
Web浏览器通过URL从Web服务器请求页面。
当您点击 HTML 页面中的某个链接时,对应的 a> 标签指向万维网上的一个地址。
一个统一资源定位器(URL) 用于定位万维网上的文档。
一个网页地址实例: http://www.runoob.com/html/html-tutorial.html 语法规则:
scheme://host.domain:port/path/filename

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值