如何掌握HTML语言的基础语法
本文小编为大家详细介绍“如何掌握HTML语言的基础语法”,内容详细,步骤清晰,细节处理妥当,希望这篇“如何掌握HTML语言的基础语法”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
成都创新互联是专业的牟定网站建设公司,牟定接单;提供成都网站设计、网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行牟定网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
基础准备
我使用的是Hbuilder编辑器,在hbuilder中创建一个HTML文件。
在hbuilder中运行HTML文件
效果
HTML文档结构
用于注释代码
HTML常用标签
基础标签
html 最外层的元素
head 网页的头部
title 网页的标题
body 网页内容
文本格式化
i/em 斜体
strong 加粗
q 引用
blockquote 长引用
code 元素定义编程代码示例
武汉,加油! 湖北,加油! 武汉,加油!HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能,清爽的界面,强大的功能和于一身。HX是轻量编辑器和强大IDE的完美结合体。敏捷的性能,清爽的界面,强大的功能和于一身。var a = 1
实验效果
标题段落
h2-h7 表示标题 数字越大 字体越小
p 段落标签
hr 水平分割线
br 换行
使用标题和段落 武汉加油!
武汉加油!
武汉加油!
武汉加油!
武汉加油!
武汉加油! 武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!
武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!武汉加油!
武汉加油!武汉加油!武汉加油!武汉加油!
武汉加油!武汉加油!武汉加油!
块元素
div 盒子
span 功能和div类似,span可以用来装一小段文字 和div的区别就是 在一行内显示
03 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油! 武汉加油!
最终效果
图片
img
img标签必须加上 src属性 才能把图像展示出来
alt属性: 当图片没有办法显示的时候用来提示用户的文字
title属性:当鼠标移动到图片的时候,用来提示用户的文字
使用图片 hello
链接
a标签 超链接
href属性: 超链接的地址
target属性:_blank 表示新建一个浏览器标签页来显示超链接的内容,不会覆盖原来的网页_parentsearchtop
百度一下 百度一下 百度一下 百度一下
列表
ol 有序列表
ul 无序列表
li 列表项
type 定义类型
disc 实体圆点
circle 空心圆
square 实体方形
a 小写字母 (有序)
A 大写字母(有序)
默认数字(有序)
列表
- 北京
- 上海
- 北京
- 上海
- 北京
- 上海
- 北京
- 上海
- 北京
- 上海
- 北京
- 上海
表格
tablecaption 表格标题
th 表头
tr 行
td 单元格
table
职位名称 | 薪资水平 |
---|---|
前端工程师 | 20k |
后端工程师 | 20k |
读到这里,这篇“如何掌握HTML语言的基础语法”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注创新互联行业资讯频道。
网站名称:如何掌握HTML语言的基础语法
网页路径:http://cdiso.cn/article/pohjep.html