html的学习-创新互联
html语法的学习
什么是html
html: 超级文本标记语言(HyperText Markup Language)(不是编程语言)
创新互联是专业的宜丰网站建设公司,宜丰接单;提供网站制作、成都网站制作,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行宜丰网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!- "超文本":字面意思,比普通文本更加高级;页面内可以包含图片,链接等非文字内容。
- "标记":使用标签的方法将需要的内容包括起来。
html是做什么的?
html用于编写网页。对网页的内容进行排版。
- html代码:用于展示需要展示的数据。
- CSS代码:使显示的数据更加好看。
- JavaScript代码:使整个页面显示的数据具有动画效果。
网页根据内容是否改变分为:静态页面、动态页面
- 静态页面:代码编写好后,在浏览器里面看到的页面内容就不再改变了。html编写的就是静态页面。
- 动态页面:在浏览器里面会根据不同的情况展示不同的页面。(例如登陆成功后显示的用户名,不同人登陆所显示的用户名是不同的)
html语言的特点
- html文件不需要编译,可以直接通过浏览器阅读。
- html文件的扩展名是.html 或者.htm
- html结构都是由标签组成的
- html结构大体分为两类:头head , 和 体 body
一个Html文件的模板
html5的固定格式
- 是整个页面的根标签,理论上一个html页面只需要一个,它里面包含了头和体这两个标签。
- 为头标签,用于引入脚本,导入样式,提供元信息等,一般在浏览器里面不显示这些信息。
子标签用于显示浏览器的标题。
- 体标签,是整个网页的主体,大部分的代码都在此标签内。
- 为头标签,用于引入脚本,导入样式,提供元信息等,一般在浏览器里面不显示这些信息。
html开发环境的搭建
为了更加快捷方便地编写Html,我们安装较为流行的前端IDE(集成开发环境) HBuilder 。
注释的使用:
- 注释的格式: 快捷键为:ctrl + /
常用的排版标签
1. 标题标签:
html提供了
为大的标题,
2. 水平线标签:
在html页面中插入一条水平分割线,用于定义内容中的主题变化。- size 属性 :水平线的高度,单位像素(hx)
- noshade 属性: 没有阴影,取值:noshade,表示显示纯色。
例如:
3. 字体标签:
用于设置字体的尺寸,字体,颜色等。 - size 属性:用于设置字体的大小,可能的值:从1到7的数字。浏览器默认是3。
- color属性:设置字体的颜色
- 颜色的取值:#xxxxxx 或者 colorname
- #xxxxxx 表示使用红绿蓝三原色设置颜色。
- 红绿蓝分别取值范围:00~FF ,此处使用的是16进制。
- #000000 表示黑色,#FFFFFF 白色
- 红绿蓝2为取值相同时可以省略为1位。例如:#112233可以简化为:#123
- colorname :使用英文单词确定颜色。red红色,blue蓝色,green绿色,等等,在IDE中有颜色提示。
例如:字体大 颜色为红色 颜色为蓝色 4. 格式化标签:
粗体
斜体
例子:粗体 斜体
5. 段落标签:
定义段落。p标签会自动在文字的前后创建一些空白,形成段与段分明的效果
插入单个换行
例子:
- #xxxxxx 表示使用红绿蓝三原色设置颜色。
- 颜色的取值:#xxxxxx 或者 colorname
段落1
段落2
6. 图片标签:
- 在html 中引用一张图片
- src 属性:指定需要显示图片的URL路径。(路径可以是绝对路径也可以是相对路径)
- alt 属性:图片无法显示时的替代文本。
- width: 设置图片的宽度
- heigth: 设置图片的高度
例子:
7. 列表标签:
- 定义有序列表
- type 属性:列表的类型,取值有:A,a ,I,i,1 等
- 定义无序列表
- type属性:符号的类型,取值:disc 实心圆,square 方块,circle 空心圆
- 定义列表项。 是
- 或
- 的子标签
例如:
- 无序列表1
- 无序列表2
- 无序列表3
- 有序列表1
- 有序列表2
- 有序列表3
显示效果:
访问百度网,并在新窗口中打开链接
效果:
9. 表格标签: 效果: 另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
html表格标签是由标签以及一个或者多个
标签组成的 是父标签,相当于整个表格的容器
标签用于定义行 标签用于定义表格的单元格(1列)
标签用于定义表头,单元格的内容默认居中,加粗
例子:
13
14
21
11
12
13
24
31
34
41
42
43
网页名称:html的学习-创新互联
分享链接:http://myzitong.com/article/hhepj.html