HTML基础知识(一)

HTML

html,也许你总是觉得它没什么好学习的,不就是几个标签吗？这种想法是大错而特错的，html是web最基础的知识，没有它你将不能进行web程序的编写，这也就意味着你不熟练的掌握它你将写不出优秀的web。

head头部里面的标签：

<base href="http://localhost:8080/项目名" />:用于为文档中的所有链接指定一个基础的url;href是该标签所必需的属性

<link href="....."> :它常用于将外部样式文档链接到文档中;一般还有两个属性一起使用：rel="stylesheet"和type="text/css";

<meta> : 用于表示文档的一些基本的信息

<script></script>:该部分用于编写js代码；

<style></style>:该部分用于编写css代码

<title> : 用title标签为文档提供一个标题；

head里面的标签除了title标签的里面的文档标题，其它的内容都不会显示在浏览器中；

大家看到了上面好几个标签都是用了href属性，在html中也有使用src指定资源路径的,在之前我也经常为此而弄混，不知道哪个标签该使用src或者href,经过学习总结，在html中只有img标签指定图片路径时使用src属性，其它像a标签都是使用href属性(总结对学习知识确实很重要);

行内元素和块级元素:

行内元素：内容撑开元素的宽度和高度，内容多宽多高则元素就多高多宽，它不会占据单独的一行，多个行内元素在一起，如果宽度足够则会并排展示，对行内元素设置高度和宽度是无效的；(有例外：input,select,textarea,button等是行内元素但是用css设置height和width是有效的);

块级元素:不管内容的宽度，它会撑满整个行(更准确的说是撑满整个父元素的宽度),它独自占据一行，不会和任何元素分享一行，可以通过设置它的height和width；

display：通过css的display属性可以方便的将行内元素和块级元素进行转换,display:inline;将块级元素变为行内元素；display:block;将行内元素变为块级元素；

行内标签和块级标签总结：

百度搜索行内标签或者块级标签一搜一大把，我这里就不再累赘了，但是给大家一个总结，大多数的标签是块级的标签，如：div,ul,li,pre,blockquote,address等；而行内元素分为三种：第一种最常见的a，img和span；第二种是表单里面的元素，input、textarea、select、checkbox、radio等；第三种为em、strong这种修饰的标签；