前端开发笔记(1)html基础

这篇博客介绍了HTML的基础知识,包括HTML4.01的文档头声明,如4.01规范的两大类型及其意义。讲解了Sublime编辑器的快捷键,并详细阐述了<head>部分的常见元素,如<title>、<base>、<style>和<meta>。此外,还探讨了HTML的常用标签,如列表、<div>、<span>和表单元素。
摘要由CSDN通过智能技术生成

HTML介绍

HTML是HyperTextMarkupLanguage超文本标记语言的缩写
HTML是标记语意的语言

编辑器

任何纯文本编辑器都能够编辑html,比如记事本,editplus,notepad++
比较有名的专门制作网页工具有:DreamWeaver (Adobe公司的产品,过时了,不是一个好的代码编辑器)
Sublime (高效率的程序书写工具)
WebStorm (更高级的项目级别编程工具)

文档头声明

任何一个标准的HTML页面,第一行一定是一个以 我们现在学习的是HTML4.01这个版本,这个版本是IE6开始兼容的。HTML5是IE9开始兼容的,但是IE 6,7,8这些浏览器还不能过早被淘汰,所以这几年网页还是该用HTML4.0.1来制作,移动端可以使用HTML5了。

4.01两大规范

HTML4.01里面有两大种规范,每大种规范里面又各有3种小规范。所以一共6种规范。
HTML4.01里面规定了普通,XHTML两大种规范。
HTML 觉得自己有一些规定不严谨,比如,标签是否可以用大写字母呢?
所以,HTML就觉得,把一些规范严格的标准又制订了一个XHTML1.0。在XHTML中的字母X表示”严格的“
HTML4.01规定了三种文档类型:Strict, Transitional以及Frameset.
所以HTML第一行有6种写法。

大规范 里面的小规范
HTML4.01 Strict
Transitional
Frameset
HTML1.0 Strict
Transitional
Frameset

strict表示严格,这种模式要求比较严格,比如<u>标签

<u>让文本加上下划线,和html的本质含义有冲突,html只负责语义(文档结构)</u>

transitional表示普通的
frameset框架的页面

我们学习的就是XHTML1.0中的transitional版本,因为我们的页面中偶尔要使用一些类似u这种标签HTML5中极大的简化了DTD,也就是HTML5中没有XHTML了

Sublime生成框架的快捷键
html:xt

按Tab键生成下面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>Document</title>
</head>
<body>

</body>
</html>

常用头部设置

<title>定义标签的标题

定义浏览器工具栏中的标题
提供页面被添加到收藏夹时显示的标题
显示在搜索引擎结果中的页面标题

<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>

<body>
The content of the document......
</body>

</html>

<base>元素

<base>为页面的规定地址或默认target

<head>
<base href="http://blog.csdn.net/dawanganban" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值