码迷,mamicode.com
首页 > Web开发 > 详细

web之html

时间:2020-07-10 20:55:36      阅读:75      评论:0      收藏:0      [点我收藏+]

标签:视频   meta   strong   扩展   一个   bootstrap   搜索   localhost   google   

目标

html html5
css css3
javascript es6
jquery
bootstrap
semantic-ui
vue

工具

editplus

sublime text

vscode 编辑器
免费
开源
javascript
支持各种系统
微软
插件多

eclipse
webstorm 用java编写ide web项目开发工具
hbuilder hbuilderx


html
html4
xhtml
html5
<!doctype html>
<!DOCTYPE html>

html 是什么?HyperText markup language, 标签式 元素
单标签 <input type="text" name="uname">
双标签 <div></div>
<img src="" >

文件的扩展名 1).htm
2) .html 在这样的文件中可以编写 html 标签 css样式 javascript代码
html5 语言规范特点:
(1) 不区分大小写,建立元素名称 属性名称小写
(2) 标签不允许交叉编写,可以包含
(3) 文档基本结构
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>我的网页</title>
</head>

<body>

</body>
</html>
(4)标签元素的属性不是必须的,不是一样,多个属性没有先后顺序。
title
style css样式
onclick 单击 js脚本

标签分类:
文本类
p
div
span
h1 h2 h3 h4 h5 h6

br 换行标签
<br>
<hr> 水平标签

转义符

网页上显示一个
<div style="color:red">我的盒子模型</div>

pre

表单 form
input
number color date email
select option
textarea

表格 table tr td th tbody thead tfoot

列表 ul ol dl
li dt dd

框架 iframe 内嵌框架
frame
frameset

图像 img
<img src="" title="">

<img src="" alt="教育">

gif
png
jpg
webp

alt 用于搜索引擎收录,如果图片丢失损坏,使用此文字代替


视频 video

音频
audio

超链接 a href="" title="" target="_blank abc" iframe name="abc"
a name

http://localhost:3344/web/html/07.html

http://192.168.0.103:3344/web

google.cn

mi.com
jd.com

语义标签
<input type="search">

header <div id="header">

</div>

<header>

</header>
footer
nav
article
section
article
aside

<div id="header">


</div>


<div id="footer">


</div>

 


emmet
只提高html 和 css代码编写速度

web之html

标签:视频   meta   strong   扩展   一个   bootstrap   搜索   localhost   google   

原文地址:https://www.cnblogs.com/jinjinqiao/p/13280966.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!