- 33
- 0
- 约2.39万字
- 约 80页
- 2019-04-18 发布于广东
- 举报
HTML 笔记--小赵同学整理
基础
基础就不花大篇幅说些没用的了,直接上干货.
1.创建html 方法:
新建一个记事本,然后将后缀名”.txt”改为”html”,这样一个html 文件就成功了.
2.HTML 组成: 3 部分组成
html
head这里写网页名称/head
body这里写网页内容/body
/html
3.Html 是网页语言,是一门弱语言,运行在浏览器上的,用浏览器打开.
4. 刚开始学习 html 建议用记事本敲代码,熟练后再使用工具,推荐工具,dream
ware Hbuilder 等.
5.HTML 与大量标签同时使用,才能达到我们平时看到的效果,当然,对于初学者来
说不必死记标签,你也是记不住的,后面的笔记我会逐渐讲解标签的使用,还有一
些标签讲不到,但是我会专门全部列出来,大家可以过一遍,以后要用的时候也方
便查找.
HTML 元素
HTML 元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。
开始标签常被称为开放标签(opening tag),结束标签常称为闭合标签(closing tag)。
HTML 元素语法
HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容(empty content)
空元素在开始标签中进行关闭 (以开始标签的结束而结束)
大多数 HTML 元素可拥有属性
大多数 HTML 元素可以嵌套(可以包含其他 HTML 元素)。
例如以下的元素body中就包含了p元素
属性
HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现,比如:name=value。
属性总是在 HTML 元素的开始标签中规定。
例如: 链接由 a 标签定义。链接的地址在 href 属性中指定:
h1 align=center 拥有关于对齐方式的附加信息。
body bgcolor=yellow 拥有关于背景颜色的附加信息。
table border=1
文字大小h1
标题(Heading)是通过 h1 - h6 等标签进行定义的。
h1 定义最大的标题。h6 定义最小的标题。
水平线hr /
hr / 标签在 HTML 页面中创建水平线。
段落p
段落是通过 p 标签定义的。代表另起一段.
注释:浏览器会自动地在段落的前后添加空行。(p 是块级元素)
样式 style
style 属性用于改变 HTML 元素的样式。
style 属性的作用:
提供了一种改变所有 HTML 元素的样式的通用方法。
使用方法:
写在标签里面,格式: style=” 样式内容”
样式有很多,我们将在后面的笔记里面逐个介绍,即使有些可能没介绍
的,也会单独列出来.
html
body style=background-color:yellow
h2 style=background-color:redThis is a heading/h2
p style=background-color:greenThis is a paragraph./p
/body
/html
样式实例 - 字体、颜色和尺寸
font-family、color 以及 font-size 属性分别定义元素中文本的字体系列、颜色和字体尺
寸:
text-align 属性规定了元素中文本的水平对齐方式:
注释: style 属性淘汰了旧的 align 属性。
背景background
背景可以是颜色和图案
背景颜色bgcolor
bgcolor=”black” 背景色黑色
background=”cloud.gif” 背景图片
background=http:/ /a.jpg 将网络地址的图片设为背
景
注意: body 标签中的背景颜色(bgcolor)、背景(background)和文本(text)属性
在最新的 HTML 标准(HTML4 和 XHTML)中已被废弃。W3C 在他们的推荐标准中已
删除这些属性。
HTML 文本格式化
文本格式化:
html
body
bThis text is bold/b
br /
strongThis text is strong/strong
br
您可能关注的文档
- 01_java基础加强培训.pptx
- 1_阿里Java客户面试问题汇总.docx
- √ docker简单入门-计算机.pdf
- 9-大数据宣传折页2018.03.05(阅读版).pdf
- 10.面向对象程序设计-多态、接口.ppt
- 23种JAVA设计模式和15种J2EE设计模式.pdf
- 50道JAVA基础编程练习题全面解答.pdf
- 50道编程题(有精力的同学看看).doc
- 51个问题助你搞定面试官.pdf
- 7JSP学习笔记-计算机.pdf
- 中国国家标准 GB/Z 37551.300-2026海洋能 波浪能、潮流能及其他水流能转换装置 第300部分:河流能转换装置发电性能评估.pdf
- GB/T 44937.3-2025集成电路 电磁发射测量 第3部分:辐射发射测量 表面扫描法.pdf
- 中国国家标准 GB/T 44937.3-2025集成电路 电磁发射测量 第3部分:辐射发射测量 表面扫描法.pdf
- 《GB/T 44937.3-2025集成电路 电磁发射测量 第3部分:辐射发射测量 表面扫描法》.pdf
- 中国国家标准 GB/T 44937.1-2025集成电路 电磁发射测量 第1部分:通用条件和定义.pdf
- GB/T 44937.1-2025集成电路 电磁发射测量 第1部分:通用条件和定义.pdf
- 《GB/T 44937.1-2025集成电路 电磁发射测量 第1部分:通用条件和定义》.pdf
- 中国国家标准 GB/T 4937.37-2025半导体器件 机械和气候试验方法 第37部分:采用加速度计的板级跌落试验方法.pdf
- 《GB/T 4937.10-2025半导体器件 机械和气候试验方法 第10部分:机械冲击 器件和组件》.pdf
- 中国国家标准 GB/T 44937.2-2025集成电路 电磁发射测量 第2部分:辐射发射测量TEM小室和宽带TEM小室法.pdf
最近下载
- 2020学年江苏省徐州市中考真题政治.docx VIP
- 血液透析高钾血症的护理查房.pptx VIP
- 顶空进样器操作维修手册惠普课件.pdf VIP
- 小学二年级数学题《图形的剪拼问题大全及答案》.doc VIP
- 2026年度烟台工程职业技术学院单招《数学》试题附参考答案详解(考试直接用).docx VIP
- 数学六年级上册100道口算题大全(全册各类齐全18份).doc VIP
- 干货 _ 高中历史全套思维导图100张.pdf
- 2026年烟台工程职业技术学院单招《数学》试题带答案详解(预热题).docx VIP
- 小学三年级数学题《图形的剪拼问题大全及答案》.doc VIP
- 麦可思2025年中国大学生就业报告_完全详细版.docx VIP
原创力文档

文档评论(0)