转行学前端记录1-初识HTML

QEEE
96 阅读2分钟

0221

文章结构大致分为参考+知识，后者由三部分组成： 分别是

  • 知识点 知识点一般是参考中提供的书籍内容，结合做小练习用到的部分。
  • 面试题 刚开始就看看，没打算一开始就搞这个，也没能力自己答，所以不会有答案。
  • 代码 代码目前也只能从小练习里抽出，用的是sublime，很轻，可以一边看网页一边写……如果有人愿意看的话希望能指点一下，还是自己执行过才贴的。

参考

1.知识

1-4章节，分别为结构、文本、列表、链接

结构
<head>,<title>,<body>

HTML全称Hypertext Markup Language，即超文本标记语言

hypertext 超文本，指的是HTML允许你通过建立链接，使访问者简捷地从一个页面跳转到另个页面。

markup language 标记语言，允许你对文本进行注释，而这些注释为文档的内容提供了更多的注释。

文本
<p>段落；
<br>换行；
列表
<ol>有序列表；
<ul>无序列表；
<li>列表条目；
链接
<a>锚(máo)元素,可以创建超链接

书里介绍了很多，但最近只用到这几个。

2.问答

第1天 页面导入样式时，使用link和@import有什么区别？

还没怎么看CSS，这题先过了

第2天 html的元素有哪些（包含H5）？

行内元素、块级元素、H5新增

3.代码

<!DOCTYPE html>
<html>
	<head>
		<title>前端学习</title>
	</head>
	<body>
		<h2>DAY1</h2>
		<p>
			开始用
			<a href="https://juejin.cn/">掘金</a>
			写文章
		</p>
		<p>感觉在磨洋工，需要写日记督促自己学三要素。
			<ol>
				<li>HTML</li>
				<li>CSS</li>
				<LI>JavaScrip</LI>
			</ol>
		<p>三大框架，暂时仰望,凑数做下无序</p>
			<ul>
				<li>Vue.js</li>
				<li>React</li>
				<li>AngularJS</li>
			</ul>
			<label><input type="radio" name="one" checked="">继续
			</label>
			<label><input type="radio" name="one">放弃</label><br>
			<label><input type="checkbox" name="two" checked>HTML</label>
			<label><input type="checkbox" name="two">CSS</label>
			<label><input type="checkbox" name="two">JavaScript</label><br>
			<input type="text" placeholder="Hello World" required>
			<button type="submit">提交</button>
			<p>最近几天就学到这里，希望以后能写点好玩的东西</p>
		</p>
	</body>
</html>
avatar
文章
阅读
粉丝