(注:在学习时要养成一个良好的习惯,即每次写完都随手保存,快捷键为ctrl+s。即每次写完都随手点一下ctrl+s。)
html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。
网页的拓展名为html
网页由三大部分构成,分别为title(主题),url(网址)和body(网站内容)。
它的基本结构是
它的基本结构骨架为
其中的utf-8是国内的编码,若不使用,就可能因为文字编码不同,输入文字时出现乱码现象。
标签又分为两种:单(空)标签和双标签
常见双标签有:
标题标签 有6个 从h1到h6
html title head body
p(段落标签)b(加粗标签)style(样式标签)i (倾斜标签)sup(上标标签)sub (下标标签) a(超链接)
em(小图标的)div (盒子标签)span (内敛标签) table(表格标签)tr(行标签) td(单元格标签)等···
常见单标签有:
单标签
(分割线)
(换行) (网页元信息)
特殊:
Html特有的注释
a 超链接
a有 两个属性 一个是href值是需要跳转的页面地址
另一个是target跳转页面打开的方式_blank _self(默认的)
img 图片
img的属性 是src是图片的路径
起名方式
标签名
Id起的 但是使用的时候加#
Class 类 但是使用的时候用.
注意事项:
起名要规范 不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母
起名的目的就是为了给他添加样式 style
html中的如果想改变形式,就要在基本结构骨架的基础上,再添加其它改变形式的代码,如想要添加表格要加
,想要把字体加粗就要加 ,想要把字体倾斜就要加 等,或在标签名或style中添加属性和属性值,(注:有些特殊的只能在标签名中添加)如:
1.
注意事项:
(1)书写规范 { } 是shift+[ 出来 { }
(2)起名规范 不能用汉字起 第一个字母不能是特殊符号 第一个字母必须是英文字母
2.(特殊)如表格 table
border 是决定边框粗细的属性cellspacing是单元格空间的属性cellpadding是单元格内部的边距的属性。
Img插入table中
如果在表格中插入图片时出现有余白,如:
则需要在style中的img中加一组属性vertical-align:middle;
如果想合并单元格时需要在td中加入
colspan 水平合并单元格的个数
rowspan 垂直合并单元格的个数
表格中套表格要在table中再加一组table(注两组table)要用起名方式区分开,不然一旦设置大表格的table时小表格的table数值也会自动被识别和大表格的属性值一样,出现的后果就是表格被撑坏。