HTML系列(1)简介
2024-09-01 08:43:33
开始整理html的知识。
(1)HTML
HTML 是用来描述网页的一种语言。
1.HTML指的是超文本标记语言: HyperText Markup Language
2.HTML不是一种编程语言,而是一种标记语言。标记语言是一套标记标签 (markup tag)
3.HTML使用标记标签来描述网页
4.HTML文档包含了HTML 标签及文本内容
5.HTML文档也叫做 web 页面
HTML标记标签通常被称为HTML标签(HTML tag):
1.HTML标签是由尖括号包围的关键词
2.HTML标签通常是成对出现的
3.标签对中的第一个标签是开始标签,第二个标签是结束标签。开始标签的英文翻译是 start tag 或 opening tag,结束标签的英文翻译是 end tag 或 closing tag。
4.开始和结束标签也被称为开放标签和闭合标签
HTML元素与HTML标签具有相同的意思,但HTML元素不指单个标签,通常包含开始和结束标签。
(2)HTML范例讲解:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> <!--当代浏览器可能加上这句话反而变为乱码-->
<title>示例1.1(runoob.com)</title>
</head>
<body>
<h2>(1)个人简介</h2>
<p>姓名: MenAngel</p>
<p> 性别: Men</p>
<p>年龄: Still Young</p>
<p>长相: Handsome</p>
</body>
</html>
实例的运行结果:
1)<!DOCTYPE>声明:
<!DOCTYPE>声明有助于浏览器中正确显示网页.网络上有很多不同的文件,如果能够正确声明HTML的版本,浏览器就能正确显示网页内容。
doctype 声明不区分大小写。
2)通用的声明方法:
1.HTML5
<!DOCTYPE html>
2.HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
3.XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3)代码的标签框架解释:
<html> 与 </html> 之间的文本描述网页
<body> 与 </body> 之间的文本是可见的页面内容
<h1> 与 </h1> 之间的文本被显示为标题
<p> 与 </p> 之间的文本被显示为段落
4)用到的标签:
1.h标签:(<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。)
H标签在网页中对文本标题起到着重强调的一种标签,可以引起搜索引擎的侧重。因此不宜用h标签进行文档中字体的改变。相反,我们应当使用层叠样式表定义来达到漂亮的显示效果。
2.p标签:
可以只在块(block)内指定段落,也可以把段落和其他段落、列表、表单和预定义格式的文本一起使用。总的来讲,这意味着段落可以在任何有合适的文本流的地方出现,例如文档的主体中、列表的元素里,等等。
从技术角度将,段落不可以出现在头部、锚或者其他严格要求内容必须只能是文本的地方。
最新文章
- asp.net获取数据库连接字符串
- WaitType:ASYNC_IO_COMPLETION
- cat /proc/devices 和ls /dev
- gdb 调试
- usb驱动开发12之设备生命线
- Nodejs-搭建Nodejs开发环境
- windows环境下Django安装配置
- Android常见控件— — —Button
- org.openqa.selenium.WebDriverException: f.QueryInterface is not a function Command duration or timeout:
- WPF编程学习——样式
- U-Boot启动过程完全分析
- CI Weekly #12 | 微信小程序的自动化测试进阶
- JavaScript 学习推荐
- ReentrantLock原理学习
- c——闰年
- Django之Models(一)
- [学习] 从 函数式编程 到 lambda演算 到 函数的本质 到 组合子逻辑
- Android热修复——Tinker的集成
- cmd常用
- 自学Linux Shell12.8-循环实例
热门文章
- jquery特效 商品SKU属性规格选择实时联动
- 第一百七十八节,jQuery-UI,知问前端--对话框 UI
- Eclipse 重启选项
- dm8148 开发之---sii9022a hdmi传输器
- -webkit-transition: all .2s ease-in-out;
- iOS --随机打乱一个数组的顺序 获得一个新的数组
- [Unity热更新]tolua# &; LuaFramework(一):基础
- iphone客户端上传图片到服务器
- JavaScript中的对象类型详解
- 【BZOJ1449/2895】[JSOI2009]球队收益/球队预算 最小费用最大流