美文网首页程序员
HTML(结构层 Hypertext Markup Langua

HTML(结构层 Hypertext Markup Langua

作者: AAA年华 | 来源:发表于2017-12-05 09:22 被阅读0次

HTML:===> 结构层 css:===> 表现层 js:===> 行为层

HTML开发需要环境:

开发环境:记事本、IDE(集成开发环境)

运行环境:浏览器(chrome)

l后缀名称:.html   .htm

l网页文档:开发网页,让其他人可以通过浏览器来访问我们的数据

HTML语法规则

u声明网页中的字符编码是UTF-8编码

1、常见的属性

src属性:指定要播放的视频的路径、目录、文件夹/文件

controls属性:用于展示播放器的控制台(播放、暂停、声音、全屏)

autoplay属性:是否自动播放

autoplay属性设置自动播放

展示指定位置的图片,网页中常用的图片后缀名有三个

.jpg  .gif  .png标签。


2、常见的html标签:

h1~h6标题标签:有加粗效果

small标签:表示变成原来的80%

B标签:文本加粗   

strong标签:文本加粗

i标签:文本斜体显示  

em标签:文本斜体显示

u标签:文本添加下划线

del标签:文本添加删除线

p标签:段落,本身带有一个换行

div标签:块标签

span标签:行标签

a标签:可以链接到其他页面或网站

br标签:换行标签

hr标签:表示一条分隔线

&lt :<   小于

&gt :>  大于

&nbsp;   空格

横向合并单元格:colspan[跨列] 

纵向合并单元格:rowspan[跨行]

这5个标签可以加也可以不加:

<body>

    <header>

    <header />

    <section>

    <section/>

     <footer>

     <footer/>

<body/>

h1~h6   和   small标签:

div标签:

a标签:

span标签:

img、video 、 audio  标签:

锚点:

href="#a" a表示下面body里面的内容,id选择器

table布局:

tr表示行,td 表示列  th也表示列,但是他会默认给字体加黑并且居中

列表标签:

ul  li

ol  li

dl  dt dd

例子:

form 表单:

input 里面的类型种类:type

[type="text"、password、file、url、email、image、submit、

reset、button、checkbox、radio、hidden、number]

textarea (cols rows)

select (option value)

例子1:

例子2:

例子2:

例子3:

例子4:

相关文章

网友评论

    本文标题:HTML(结构层 Hypertext Markup Langua

    本文链接:https://www.haomeiwen.com/subject/sydqixtx.html