这是一节简单的HTML基础课
?HTML:HyperTextMarkupLanguage(超文本标记语言)
Hypertext(超文本)means"textwithlinksinit."
Amarkuplanguage(标记语言)isaprogramminglanguageusedtomaketextdomorethanjustsitonapage:itcanturntextintoimages,links,tables,lists,andmuchmore.
HTML可以看作每个网页的骨架,组成了网页的结构。
?CSS:CascadingStyleSheets(级联样式表)
CSS让网页更加漂亮,比如它可以给网页设置皮肤。
?HTML基本结构
!DOCTYPEhtml//总是在第一行,告诉浏览器在读什么语言
html//HTML文档的开始部分
/html//HTML文档的结束部分
?基本术语
1.标签两个尖括号xxx括起来的叫做tags(标签).
Tags总是成对出现:一个openingtag(开口标签)andaclosingtag(闭合标签).
Exampleofopeningtag:html
Exampleofclosingtag:/html
可以把标签看作是括号匹配的形式,每当你有一个开口标签,一定要有一个对应的闭合标签。
标签也可以嵌套,应该按正确的形式进行嵌套:一个闭合标签应和它左边最近的一个开口标签匹配。
例如,
合法的:firsttagsecondtagSometext!/secondtag/firsttag
不合法的:firsttagsecondtagSometext!/firsttag/secondtag
strong/strong粗体字
.head(头部)
整个html文件的内容都在html/html之内
a.head有开口标签和闭合标签
b.head包含网页的重要信息,比如标题
c.标题就是我们在tab栏看到的字
3.Body(主体)内的段落
我们把一对标签和标签里的内容叫做element(元素)
element=openingtag+content+closingtag
在body标签里的内容是在网页中的真正的可视部分
html
head/head
body/body
/html
?
1.在title标签内,是你页面的名字,可以是任何东西。
.在title标签下,是body标签
3.在body标签内,我们可以创建段落,pcontent/p
给段落创建标题,p是最大的标题
HTML给了我们很多种标题尺寸,p是最大的,h6是最小的标题
p-TheCEO
h-VPofFancyTowne
h3-DirectorofSomeStuff
h4-Middlemanagement
h5-Lowlyassistant
h6-Getscoffeeforeveryoneelse
?添加图片
可以在网站中添加图片使得网页更加漂亮!只要一个标签:img.
这个标签和其它有些不一样,它并不是把内容放在开口标签和闭合标签之间,而是用src告诉标签图片在哪里!
同时,这个标签不同之处还在于它使用的闭合方式是self-closes,即imgsrc="url"/
每个图片在网络中都有它的url,我们只要直接引用url就可以了。
例如:
imgsrc="北京那家医院治疗白癜风比较好北京最好治疗白癜风医院在哪里