可以做软件的网站,怎么查网站的注册信息,百度竞价排名的使用方法,学网站开发技术可参考jd.com官网#xff0c;ctrlu查看当前页面源代码 找到你的项目#xff0c;在项目中创建html类型的网页文件 标准的HTML正确书写格式
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitlectrlu查看当前页面源代码 找到你的项目在项目中创建html类型的网页文件 标准的HTML正确书写格式
!DOCTYPE html
html langen
headmeta charsetUTF-8titleTitle/title
/head
body/body
/html效果如下
HTML标签基本解读
!DOCTYPE html
html langen
headmeta charsetUTF-8title第一个html/title
!-- title京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物/title --
/head
body
h1candy的第一个html/h1
!-- html的注释--
!-- h1candy的第一个html/h1 --
!--
html特有的写法,标记语言
左边的表示这是某个标签的的开始元素
右边的/,这是表示某个标签的闭合元素
基于上述理论得出如下结论
HTML标签一般是成对出现既是开始标签必有闭合标签还有一种HTML标签是自闭合写法如下/ 标签名称
如 br / 自动换行
如 hr / 水平线标签/html特有的写法
--
h1Linux/h1
h1Apache/h1
h1Nginx/h1
h1Python函数式编程/h1
/body
/html适当注释涉及业务逻辑不在再次添加注释 效果如下图
HTML基础标签属性
!DOCTYPE html
!-- 留白 --
!-- DOCTYPE 指定HTML标准/类型此处的类型为html意思是标准为HTML5即HTML标准的第五版本HTML组织W3C组织是国际标准组织W3C是HTML的指定组织--!-- html标签表示这是一个html类型的网页文件 --
html langen!-- HTML标签的头部标签 --
!-- HTML头部标签一般写HTML网页自身的属性信息或样式信息 --
!-- head头部标签和HTML标签属于同一级没有包含父子关系 --
head!--HTML标签的属性信息指定网页的字符集格式必须在meta标签中指定meta charsetUTF-8meta标签 属性名是charset使用等于号 赋值运算符 属性值一般使用单引号或多引号包裹此处的属性值是‘UTF-8’,一个HTML标签会有一个或多个属性值叫做属性标签--meta charsetUTF-8titlehtml网页结构-HTML骨架/框架/title
/head!-- HTML标签的内容标签填写网页内容类似人头部以下脚部以上的组织结构所有的网页内容或嗲有内容的元素都应写到此处--
body
h1strongLinux/strong/h1
basefontpython/basefont
h1nginx/h1
/body!-- 这是HTML网页的结束标签 --
/html效果如下 !DOCTYPE html
html langen
headmeta charsetUTF-8titlehtml属性初体验/titlestyle/* 标签名称 {} *//* CSS样式的注释格式 {} */span.s1{backgroud:apua; /*设置span标签的背景色 */fout-size:30px; /* 设置span标签的内容字体大小 */color: cornflowerblue; /* 设置span标签的内容字体颜色 */}.s2 {/* .表示s2名称表示是一个类型级的选择器 */display: compact;background: pink;font-size: 50px;}/style
/head
body
!--span displayblock我是span标签我是一个行标签/span--
span stylebackground: thistle; font-size: 78px; display: block我是段落标签/span
span stylebackground: paleturquoise; font-size: 56px; display: block我是段落标签/span
span stylebackground: mediumaquamarine; font-size: 99px; display: block我是段落标签/span!--通过css样式设置HTML标签属性比如字体大小颜色背景是否居中字体下划线删除线样式--
!--标签选择器--
span classs1LANP/span
span classs2LNMP/span
span classs3LNAMP/span
/body
/html使用chrome查看
JS初体验
前端页面交互
scriptfunction sayHello(){document.write(Hello World);}sayHello();alert(Hello, 张无忌);/script