中文翻译为“超文本标记语言”,主要是通过HTML标签来描述一个网页中的文字、图片、声音等内容。
1 HTML框架格式
在日常通信中,我们应该遵循共同的约定。
同样HTML也有自己的语言语法框架格式:
结构:包括head body html标签被尖括号包围的关键字。html标签通常成对出现,有开头也有结尾。包含成对标签和独立标签的html通常都有属性。格式:属性名= "属性值"。html标签不区分大小写,所以推荐小写。
2个html基本标签
HTML标签
角色:HTML中所有标签的根节点。
头部标签
角色:用于存储:标题、元、基础、样式、脚本、链接
注意:在head标签中,我们必须设置的标签是title
标题标签
功能:让页面有自己的标题。
主体标签
作用:页面在的主体部分,用于存放所有的HTML标签:p,h,a,b,u,i,s,em,del,ins,strong,img作用:页面在的主体部分,用来存放所有HTML标签:p,h,a,b,u,I,s,em,del,ins,strong,img。
3.色彩的表现
颜色:文本的颜色背景颜色:背景颜色背景:背景图片
第一种方法:使用颜色名:只有16种颜色名可以使用英文字母,其余的都要使用十六进制值。
浅绿色、黑色、蓝色、紫红色、灰色、绿色、青柠色、栗色、藏青色、橄榄色、紫色、红色、银色、蓝绿色、白色、黄色
第二种方式:RGB模式
第三种:十六进制
#000000 #ffffff #325687 #377405
4文件类型
这句话告诉我们用哪个html版本,我们用的是html 5的版本。html有很多版本,我们要告诉用户和浏览器我们用的是哪个版本号。
标签位于文档的前面,用于向浏览器说明当前文档中使用的是HTML还是XHTML标准规范。必须在开头使用标记来指定所有XHTML文档的XHTML版本和类型,以便浏览器可以根据指定的文档类型进行解析。
5 HTML标签的语义
标签的语义指的是标签的意义。
为什么要有语义标签:方便代码的阅读和维护,同时可以很好的被浏览器或者网络爬虫解析,从而更好的分析内容。使用语义标签会有更好的搜索引擎优化。
核心:给正确的地方贴上最合理的标签。
语义好不好:我们去掉CSS之后,网页结构依然井井有条,可读性很好,所以不管是谁都能看懂这个内容是什么。
遵循原则:先确定语义HTML,再选择合适的CSS。
6.总结:
双标签
排版标签
1.评论标签:- -属性:宽度:水平线长度大小:水平线粗细颜色:水平线颜色对齐:水平线对齐-5。容器标签:块级标签,独占行。
标题标签
为了让网页更有语义,我们经常在页面中使用标题标签。HTML提供了六个级别的标题。随着数量的增加,文字逐渐变小,字体加粗,内置字号,默认占一行;
、、、和
列表标签
容器中充满了某种形式的文字或图表,称为列表。榜单最大的特点就是整齐、干净、有序。
无序列表ul
无序列表标签:属性:类型:三个值,即:圆、圆盘、正方形列表项:注意:中只能嵌套
,直接在标签中输入其他标签或者文字的做法是不被允许的。有序列表标签:属性:类型:1,a,a,I,I列表项:
定义列表dldl >名词1名词1解释1名词1解释2 …名词2名词2解释1名词2解释2…dl >名词1名词1解释1名词1解释2…名词2名词2解释1名词2解释2...
图片标签
独立标签
属性:src:图片地址:相对路径绝对路径宽度:宽度高度:高度边框:边框对齐:对齐,表示图片与相邻文本之间的等效位置。alt:图片的文字描述hspace和vspace设置图片的上、下、左、右空白边,防止文字或其他图片彼此靠得太近。
链接标签
超链接可以是文本或图像,单击它可以跳转到新文档或当前文档的一部分。
属性:href:跳转页面的地址;名称:名称、锚点、访问锚点处的书写格式:#name Target的值:_ self _ blank _ _ parent top默认self_search相当于给页面起了个名字。如果再次打开该页面时该页面仍然存在,则不会打开新页面。可以是任何名字。
如果当时没有确定链接目标,链接标签的href属性值通常定义为“#”,表示该链接暂时为空链接。


